Fullscreen photo background

Hi there,

try this CSS:

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

One of these methods should work:
https://docs.generatepress.com/article/adding-css/

Hi there,

CSS added using the Simple CSS plugin will always remain in place after theme or plugin updates. It will also remain in place if you temporarily switch themes.

Can you link me to the site where i can see why the CSS is not working.

You can use [email protected]

Be sure to mention the topic URL.

Hi there,

in your Container Block ( with the background image ) select the right had settings > Spacing and set an equal Top and Bottom padding value. This will vertically center its content.

Then delete the empty container block you have above your buttons.

The select the Button container see here:

https://docs.generateblocks.com/article/buttons-overview/#button-container

And select the center align option in the toolbar.

Oops… i think may have replied to the incorrect topic of yours. Sorry about that. I should have replied here:

https://ww.wp.xz.cn/support/topic/moving-2-buttons-around/#post-13467087

However – in regards to the background image, are we talking about the same image behind the buttons ?

If so you will need to Edit the Page and use the Page Builder Container meta box and set this to Full Width.

https://docs.generatepress.com/article/page-builder-container/

You can then use the GenerateBlocks plugin > Container Block to create full width background images with container content.

The Page Builder Container option is available in GeneratePress Free.
You should see the option in the Side Bar or below the content in the post editor:

https://docs.generatepress.com/article/page-builder-container/