Shape 5

Joomla Templates => Zoka Transports - Club => : colmancrea August 12, 2015, 03:13:43 PM

: Centre the top div
: colmancrea 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

: Re: Centre the top div
: mikenicoll 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,

: Re: Centre the top div
: colmancrea 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.

(http://www.venuespn.co.nz/images/screens/1.png)

(http://www.venuespn.co.nz/images/screens/2.png)

(http://www.venuespn.co.nz/images/screens/3.png)

Thanks

: Re: Centre the top div
: mikenicoll 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.

#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;
}