Forum Support

Shape 5
March 28, 2024, 01:51:54 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Centre the top div  (Read 614 times)
colmancrea
Jr. Member
**
Offline Offline

Posts: 11



« on: August 12, 2015, 03:13:43 PM »

Hi there,

Is there anyway to centre the top div?

Here is the link

http://www.venuespn.co.nz/

What Im wanting to do is make it centre for all screens so if you're on a small screen it appears in the centre or if you're on a massive 26 inch screen or something it will show  in the centre. Is this possible?

Thanks in advance
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 13, 2015, 12:41:29 AM »

Hello,

Could you provide a direct URL and screenshot of the <div> you are trying to center?

Thanks,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
colmancrea
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: August 13, 2015, 02:37:26 PM »

Hi mikenicoll,

Thanks for the prompt replies.

I have provided three screenshots.

1. Is the positioning at the moment.

2. is the div i believe needs to be edited so its shows in the centre of all screens

3. is the s5_header_wrap that I have assigned a margin-top to bring the top div down.

Hope that helps.







Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 14, 2015, 12:39:15 AM »

Hello,

That type of change would require a bunch of custom coding as not every screen size is going to be the same. Using something like this should get it close but you would need to tweak and add your own coding to perfect it.

Code:
#s5_header_area1, #s5_center_area1, #s5_footer_area1 {
     display: none;
}

#s5_top_row1_area_inner {
     margin-top: 7%;
     position: relative;
}

body {
     background: #000000 none repeat scroll 0% 0% ! important;
}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.