Background color dropdown menu in WooCommerce

Hi!

3 small questions: Not sure how to change the color on these three things (shop page & single product page)

1. Background color in the dropdown menu on the single product page;
2. The – between the two prices stays pink like the background, even though the actual prices are in white;
3. The text that says ‘Aantal’ in black next to the dropdown, I want that in white too.

I’ve added a screenshot to clarify. Website is in maintenance and can’t turn that off right now because I’m already getting some traffic through some Instagram ads. Rather not show my potential customers an unfinished website 🙂

Thanks in advance!

Kind regards,
Iris

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the product page URL. If your site is under construction, please provide the credentials.

Best Regards

Thanks for your reply! The URL is https://happydayssweets.com/shop/kies-je-eigen-8-pack/

Thanks in advance!

Hi!

Another question: On the checkout page (https://happydayssweets.com/afrekenen/) on the right side there’s like a widget that says ‘categories, recent posts and instagram’. How to I change/remove that?

Thanks in advance!

Hello,

You can remove the sidebar in the checkout page setting. You need to set “Without” https://xtemos.com/docs/woodmart/options-for-pages/

The checkout inherits shop page sidebar content. If you want to create a separate sidebar, you can create a separate sidebar in Dashboard > Sidebar https://xtemos.com/docs/woodmart/widgets/

Please add this code to the Theme Settings > Custom CSS > Global:

body .variations_form .variations label {
    color: #ffffff;
}
body.single option {
background-color:pink;
}

Please provide the screen for this point: “between the two prices stays pink like the background”

Best Regards

Hi Elise! Thanks so much for your response.

You can see the issue with the – between the prices on the shop page as well as the single product pages. You’ll see €16.00 – €32.00, except you’ll only see the – when you select the text.

https://happydayssweets.com/shop/
https://happydayssweets.com/shop/pepernootparty/

I keep running into things I’m not sure how to fix, sorry. On the checkout page the background of the little tab with order details and such on the right side is in white, how can I change the color of that to #f5b229?

Hello,

Do you mean this one: https://prnt.sc/v22r76 if so, here is the CSS:

.quick-shop-wrapper .variations_form {
    background: pink;
}
.quick-shop-wrapper .variations_form option{
    background: pink;
}

Add this code for the checkout:

body .wcf-embed-checkout-form .woocommerce-checkout .woodmart-table-wrapper{
background-color:pink;
}

Best Regards

[Author]

Posts