Forum Support

 
Advanced Search


[1]

Offline colmancrea
Free Member
Posts: 11
Posted 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

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted 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

Offline colmancrea
Free Member
Posts: 11
Posted 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

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted 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
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.023 seconds with 23 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
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.