Change Background of Blog in Renew

[itecs]

Hi there,

Im am trying to have a black background on the entire page. I set the background colour in the Options --> Layout and Design, but it only changes “on the outside”. So I applied black to my text field, because I wanted to be able to see the white font.
How can I change the entire background of the hole page to black and how can I insert a picture on the background of the entire page - I am having the same difficulties there.
https://www.itecs-experts.com/

Thanks for your help.

Regards,
Marieke

[ruenel]

Hello Marieke,

Thanks for writing in!

I can see that you are using the Layout - Fullwidth page template while you have created the page with WPBakery Page Builder. Please change the page template to Blank - No Container | Header, Footer instead. For more details about the different page templates in the theme, please check this out:

• https://theme.co/docs/page-settings#page-attributes

And then you can add a background image to the whole page in X > Theme Options > Layout and Design > Background Options and insert a background image. By the way, you can change the background color of the navbar in X > Theme Options > Renew.

By the way, I also noticed that you are using X theme 6.3.6 and Cornerstone 3.3.6. Please be advised that we have released X 7.2.3 and Cornerstone 4.2.3 already. It is now available in automatic updates. You can now update to this latest version. This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache, or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Kindly let us know how it goes.

[itecs]

Hi,
the layout is still not what I want: the picture is in the background but there ist still a white block in the middle, where the picture is supposed to show. I attached you a picture, because I cannot leave it this way on the page. I would like the picture to be in the background of the entire page.
Even when I set the navbar background to transparent, the picture does not show through.
Regards,

[jade]

Hello Marieke,

There is a default white background color to the main content area that comes with the stack CSS. You may override that by adding this code in X > Theme Options > CSS:

.site, .x-site {
    background-color: transparent !important;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[itecs]

Thanks, that worked.

[jade]

You’re most welcome, @itecs.