Archived topic

How to set background color full width for "standard content"

9 replies · Started by Patrick on August 30, 2022

Viewing posts 1–10 of 10

August 30, 2022 at 1:03 am #2328016

Hi there,
I need some help please.

How can I set a full width white background for "standard content" - not builded with the generate blocks elements?

In Customizer the Container ist set to be 1600px.
Thats fine, the Content should be contained to this value!

I don't want to set the page container to be "full width" (for example a high value with 6000px), because the content should stay contained (1600px) - only the background color should be full width in white!

I need this solution because using background image for the whole page (body background in customizer) and the background-image shouldn't be visible in the container/section/row for this standard content (for example woo content)!

When I build the row with GenerateBlocks Elements all is/works fine ...

Thanks.

August 30, 2022 at 1:12 am #2328022

Hi Patrick,

Can you try setting the color in Appearance > Customize > Color > Body > Background to white?

August 30, 2022 at 3:28 am #2328129

Hi Fernando,

I've tried that already!
The background image is still visible ...
Another option or idea?

Is there perhaps a possibility to put the "content" in a generateblocks element and do it this way?
For now I do this so with a pagebuilder ...

Thanks.

August 30, 2022 at 3:59 am #2328148

Hi there,

can you share a link to the site where i can see the issue ?

August 30, 2022 at 4:14 am #2328159

Hi David,
see the link and Login credentials in the privat information area ...

Please look for the "woo row/section".

Thanks ...

August 30, 2022 at 4:28 am #2328167

Try this CSS:

.woocommerce {
    background-image: none;
}

August 30, 2022 at 4:47 am #2328177

... then the whole background is not displayed (on a woo page).

The Body background image should still be visible!
I want to have the "content" section/row above the background image.

August 30, 2022 at 4:59 am #2328186

so this background:

https://www.screencast.com/t/5QRCxBqe

where on the website would this be seen ?

August 30, 2022 at 5:10 am #2328198

Thanks, I got it to work now with the layout element!
I set the layout to "full width" and set inner contain to 1600px in addition ...
This way all works like I want to.

August 30, 2022 at 6:30 am #2328261

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.