Update to 4.0.2 container colour question

Also is there a way to give the woocommerce product details and sidebars a background colour?
It seems the previous ‘#wrapper’ that contained the product details and sidebar is no longer a thing… leaving the widgets to float around.

Thanks again!

Hi,

We have the plan to release the feature “Background Color or Background Image for the entire page” in the next release. We will update you once this feature is released in Responsive Theme.

The option to change the background-color for site and post exists in Responsive Theme.

Thanks,

Hi @cyberchimps
Thank you for getting back to me ??

Awesome news! I’ll hold off until the next update before tinkering with the website some more.

Thanks again!

Hi,

Same problem overhere!

Is there something to say about when the next release with the feature “Background Color or Background Image for the entire page” will be?

Thank you,
Richard

@japenz we will notify you once it is updated. We are equally excited ??

@richwp20 our dev team has responded to your separate ticket for background image ticket. We are marking this as resolved. Please reply to this to reopen the thread

Regards,

Hi there,

I have a related question: when I choose a ‘boxed’ page layout, and give my container a background color, I get a white border around my container area. I want this ‘box’ to have the same color as my container. How can I do that? Can you perhaps suggest extra css to add if it is not possible in the customizer?

Alternatively, when I don’t choose the boxed layout, my container remains the same size, which is narrower than the header width. In that case, I don’t have the white edge around my container, but header and container don’t have the same with which doesn’t look nice.
Any solutions for that?

Thanks!

Hi @stijnen,
I’m not seeing a border around the container on my website (Comic Book Shop), if you have a link to your site I’ll be happy to take a look and see if I can work out some css that might help ??

Kind regards,
JP

Hi @japenz
THanks for responding! If you’d have a look at wordpress.steindergarde.nl you’ll see what I mean. THe landing page will show you that the header (picture+menu) is wider than the ‘page’ that is below it. Subsequently, when you click for example ‘media’ in the menubar, a page (without content yet) will open in which the header remains the same and the page/container below has a white border with a yellow-ish container background. The white border has the same width as the header.
What I’d like to have is that the white border has the same background color as the yellow-ish container background, OR that the container itself is just as wide as the header image so that the white border is not visible.
I can get rid of the border, by choosing ‘standard’ layout instead of ‘boxed’ via the customizer menu, but that doesn’t change the width of the container and it will therefore remain narrower than the header image.

ANy help would be great!
Thanks,
Marco.

Hi @stijnen,
It seems it’s actually the padding around the content that’s white, rather than an actual border.

I’ve tried the following to change it’s colour:

.page div#primary, .post-entry {
    background-color: #ffffc3;
}

Try this, you may need to add ‘!important’ if it doesn’t work initially:

.page div#primary, .post-entry {
    background-color: #ffffc3 !important;
}

It’s possible you may be able to resolve the issue with the padding options in customizer.

This will add the background colour on the homepage aswell:

#content-full, .page div#primary, .post-entry {
    background-color: #ffffc3;
}

Hope this helps!

Kind regards,
JP

• This reply was modified 5 years, 1 month ago by JapeNZ.
• This reply was modified 5 years, 1 month ago by JapeNZ.

Dear JP,

Thanks, this all worked perfectly!! You’ve been a great help!

Kind regards,
Marco.

Hi Marco,
You’re very welcome, happy to help ??

Kind regards,
JP