[Support request] Add background image only to one page

[Francesco]

Hi,

I need to create a landing page and I want to add a background image.

How can I do?

I’m using gp premium

[David]

Hi there,

needs a little CSS – if is the home page then:

.home {
    background-image: url('full_url_to_image/image.jpg');
    background-size: cover;
}

If another page then you would replace .home with the .page-id-xxxx

[Francesco]

Thanks.

Any chance to have this added as option on elements in future?

[David]

We haven’t seen a huge demand for adding dynamic backgrounds ie. lots of different images being used across multiple pages or templates. But we’re always looking for feedback for improvement so i can add to the list for us to look into. Thanks for the suggestion.

The CSS can be added using a hook using the body class e.g.

<style type="text/css">
    body {
        background-image: url('full_url_to_image/image.jpg');
        background-size: cover;
    }
</style>

[Author]

Posts