Edge to edge image at home page

[ghost]

Hey guys, just wondering if it's possible to make an edge to edge photograph on a home page? Basically, what I wanna do is to replace the grey background with an image and preserve text with buttons. What code should I use? Thanks

[piotrkunicki]

Hi,

Try to add this code into css/override.css file (first enable this option in Template Options -> Advanced tab)

#gk-header {
    background: #fff url("../images/your_image.png") no-repeat;
}

and upload your images into MeetGavernWP/images directory.

[ghost]

This works, thanks. But now my image is not responsive. When I resize browser window, the picture remains the same size

[piotrkunicki]

Add also this CSS property to your #gk-header:

background-size: cover;

[ghost]

Awesome! The last question, how to change the big header font size on home page?

[piotrkunicki]

Add this code into override.css:

.gk-big-header {
    font-size: 70px;
}