Image width in header

Hi,

I want to have the image width in de parallax header only on the homepage max 1400px. This because if I leave it to default it will become to big on wide screens. I tried it to add it as a class in suffixes for pages but then all is aligned to the left.

I can only make it work when i add this code to override.css but then all parallax headers will have have a image of 1400px.
How to achieve it only on the homepage?

Code: Select all

#gkHeaderMod img {max-width:1400px !important;}

#gkHeaderMod {background-color:#fff;}

Regards,
Raoul

You can use page suffixes and use it to prefix css declaration so it works only on particular page (homepage).