Changing imagebg size

Hi, I'm trying to change the height of the imagebg the banner image that displays on the homepage but i can't seem to find where i need to change the height? I know its gonna be in a css file somewhere but no sure where... I want to half the size of what it currently is so if it could automatically adjust to the photo being displayed that would be great! If someone wouldn't mind pointing me in the right direction

Hello,

The easiest way to achieve this will be replacing original images:

* images/header.jpg
* images/header_tablet.jpg
* images/header_mobile.jpg

Ive changed those and its not automatically resizing its self

Could you visualize what do you want to achieve? I think that I misunderstand you.

So for example the banner could be 1000/800 i want to change it to 700/600 i just want to make the background image window smaller. So on the homepage I've got it set up like the demo... you can see the background image through a window i want to make the slot smaller

Please send me a mockup.

Ive made a example here: The red arrow is how big it currently is but i want it be be as small as the yellow arrow...

In this case you will have to change the height and spacing between elements in the header. In example please open file css/stuff.css and please change padding from:

Code: Select all

padding: 180px 0 130px 0;

to:

Code: Select all

padding: 50px 0 130px 0;

for the following selector:

Code: Select all

.imageBg #gk-header-mod

Aww fantastic thankyou! Wonder if you could help with another issue? I wanna add this banner to some k2 articles... What code can I put I to the k2 custom code section to make it work?

Do you want to put the header in K2 articles? The only way will be assign the header module to the K2 article pages and set the same page suffixes as for the frontpage to these pages.