Home Forums WoodMart support forum Background color dropdown menu in WooCommerce

Background color dropdown menu in WooCommerce

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #234080

    irisdevoigt
    Participant

    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.
    #234110

    Hello,

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

    Best Regards

    #234126

    irisdevoigt
    Participant

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

    Thanks in advance!

    #234127

    irisdevoigt
    Participant

    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!

    #234174

    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

    #234187

    irisdevoigt
    Participant

    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/

    #234204

    irisdevoigt
    Participant

    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?

    #234315

    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

Viewing 8 posts - 1 through 8 (of 8 total)