Background colour lost on embedded product

Hi!

What I want
Create a landing page with a product on it.

What I’ve done
a) I modified a product through the page builder, giving the product description a pretty, blue background colour.
b) I embedded that product in a page, using the WooCommerce Product Page Element.

The problem
On the new page the product description loses its pretty, blue background colour.

The question
How do I fix this?

Hello,

Try to add the background to the row or column containing the product or provide your site URL I will check and suggest.

Best Regards

Hi Elise!

Adding the background to the row/column unfortunately only affects the top section of the product page (main picture and short description), but not the lower section (long description).

I thought I put the site url in the ‘Your web-site link’ section in the original post? Anyway, here it is again: http://www.vipfisk.no:)

Hello,

Please provide page URL with the problem we shall provide custom CSS. This is Woocomerce element in WP Bakery page builder that is why our theme options are not applied.

Best Regards

Hi,

As far as I can understand the problem is that the theme options are applied – even when they shouldn’t. In other words, the theme options (grey background) apply even when I’ve set another colour (blue) in the page builder.

There is a link to the URL with the problem in the original post, however here it is again for your convenience: https://vipfisk.no/kjop-isbiter/

Hello,

Please provide your site admin access.

Best Regards

Hi,

I provided them in the original post under ‘Private Content’, but here they are again for your convenience:

Hello,

Add the color to the background of the row http://prntscr.com/ksrrru

Best Regards

Hi Elise, and thanks for your suggestion. I already tried to add the colour to the background of the row. As explained above, that only works on the top section of the product page element (main picture and short description) – see Screenshot 1.

What I want is to keep the background colour of the lower section – see Screenshot 2.

Attachments:

You must be logged in to view attached files.

Hi,

Yes, it seems that WPBakery doesn’t recognize these background colors for rows when you display product as a part of some separate page. Why do you need to do this? We suggest you just to keep the product as a separate page and it will work well.
Otherwise, you can add some extra CSS class to each row like my-background and use the following CSS code

.my-background { background: red; }

Regards

Hi! The reason I want to do this is to create a so called ‘landing page’ for this particular product. Thanks for the CSS trick, it worked:)

Great, you are welcome.

[Author]

Posts