Changing Default Colors

  • Resolved anjiharris

    (@anjiharris)


    5 years, 6 months ago

    Hi,

    The theme I have allows me to change most of the default Woocommerce colors and/or settings but there are a few that it doesn’t and I can’t for the life of me figure out how to change the following:

    How do I change the default purple background on the store notice?

    How do I change the default blue checkout button on the shopping cart widget on Shop Page? Also, the text in the default sorting box is cut off on Shop Page.

    Also, on the single product pages, the border around the product description is cut off. Any idea on how to fix this?

    Is there a way to redirect the link for the Continue Shopping button to my custom shop page?

    Thanks in advance for your help and/or advice!

    Best regards,
    AH

    • This topic was modified 5 years, 6 months ago by anjiharris.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support EastOfWest a11n

    (@eastofwest)

    5 years, 6 months ago

    Hi there,

    Whatever you don’t have options for you can always change via CSS. In a browser like Chrome, you can right-click on any element and select “Inspect” to see details about that element (tag, class, id), which you can then use to craft the CSS.

    Using the technique above, we can see your store notice is governed by this CSS, and changing that HEX code and adding it to your Appearance » Cusotmize » Additional CSS box, should update the color. 

    
.woocommerce-store-notice, p.demo_store {
    background-color: #a46497;
}

    Your buttons should have options built-in, usually found under WP Admin » Customize » Buttons, from where you can change the background and text color. If, for some reason, your Customizer doesn’t have these options, or they don’t apply to the button you’re targetting, then use the CSS method above.

    The borders might just be part of your theme design. Refer to your theme’s demo site, docs, or developers for a solution, otherwise CSS can fix that too.

    This google search result has some fine ideas for how to redirect to a custom page after adding to cart.

    Plugin Support mouli a11n

    (@mouli)

    5 years, 6 months ago

    It’s been a while since we heard from you, so I’m marking this thread resolved. Hopefully, you’ve been able to resolve this, but if you haven’t, please open up a new topic and we’ll be happy to help out.

    Thread Starter anjiharris

    (@anjiharris)

    5 years, 5 months ago

    Sorry! Yes, all of my issues were resolved with you @eastofwest suggestions.

    Thanks, @eastofwest for taking time to respond to my message. I greatly appreciate it.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing Default Colors’ is closed to new replies.

Tags