CSS for background similar product zone/ background color additional information

Hi,

I have two changes to make on the Single product page and I can’t do it.
1. Changing the background color of the attributes in the “Additional Information” area – I managed to add a css code with chat.openai, but it leaves me with empty spaces – I have attached an image for example.
https://magurban.ro/produs/stalpi-lemn-gard-netratati-diametru-12-cm/

the added code is this:
.woocommerce-product-attributes-item:nth-child(odd) {
background: white !important;
color: black !important;
}

.woocommerce-product-attributes-item:nth-child(even) {
background: #f0f0f0 !important;
color: black !important;
}

2. I want to change the background color from similar products – from the Single product page area – I managed to add a css code with chat.openai but it leaves me empty spaces – I have attached an image for example, I want the entire area from SIMILAR PRODUCT on the single product page should be colored.

the added code is this:
div.container.related-and-upsells {
background-color: #f8f8f8; /* culoarea fundalului */
}
Thank you

Attachments:

You must be logged in to view attached files.

Hi smartsites.ro,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi,

I have attached the requested information.

Thank you very much

Hi smartsites.ro,

Thanks for details.

First of all, take my apologies for the delay in answering because of the weekend.

I cannot your site, please double check https://prnt.sc/ZPFRqhVXrDcj

Regards,

[Author]

Posts