Hi,

I find the banner on this template a bit too big. Is there a way to make it smaller?

I saw the banner is 460px so I tried updating the references to the banner in the formatting files. It works half. When loading the page it is on the updated setting, but it jumps back to 460px when resizing the screen.

Thanks,
Nico.

Hi Nico,

Are you using the latest version of the template?

Thanks
Paul

Yes I'm pretty sure. The file says version 1.3.3

Hi Nick,

Thats a minimum height for the banner. So even if you add 300px it will display taller than that if the banner items are taller.
You can reduce the margins and padding on the items in the banner area by adding the following to the custom.css file:

#logowrap .zen-spotlight {padding:0}

Thanks

Well if I can't make it smaller that is really annoying. The banner is about half of my screen. Logo and menu take 1/4 of the banner. 3/4 is empty space. Changing the logo padding only brings my logo further into the corner. That is not what I needed.

Thank you for pointing out the custom.css option. I have now added the following code and that works for me.

.banner-overlay{height: 250px;}
.banner{height: 250px;}
#image-wrapper{height: 250px;}

Cheered too soon. Adjusting the size of the screen sets the height back to 460px. There must be something I can do to get it fixed to 250px.

Yup there is:

.banner-overlay{height: 250px !important;}
.banner{height: 250px !important;}
#image-wrapper{height: 250px !important;}

Does this work ok on different devices?

Cheers
Paul

Yes it does.

Cool thanks for taking the time to post your solution

Cheers
Paul

I also had to add #top-area (in case anyone else is utilizing this thread )

Thanks for the addition

Cheers
Paul