Changing Colors of the beige of woocommerce cart and prices

[artonautes]

Hi guys,
Hope you’re well.
I jsut wanted to change the colors of the cart and of all prices which are in beige right now.
I assume it will be CSS since I didn’t find anything in the settings which allows me to do taht as of now.
Could you let me know the CSS code to add if this is possible.
Thanks a lot !
have a lovely day.
Gilles

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

It is possible to set the cart by custom CSS(“Appearance > Customize: Additional CSS”), like:

.ux-woocomerce-cart-a .ux-bag { 
    color: #ccc;
}

You can set the price color on theme options at “Woocommerce” tab(2 places):
https://www.dropbox.com/s/z9iq67mukbathd0/WX20230227-122937.png?dl=0
https://www.dropbox.com/s/5k52ddadmaq7bmj/WX20230227-122955.png?dl=0

ps:
If it doesn’t meet your needs, please give me more details, preferably paste the corresponding web page URL

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artonautes]

Hi Hello,

Thanks for the code CSS ; however, it was for the change of color of the beige round with the 1.
https://www.loom.com/share/9406ebdcddcc49f8b5b8111a166b394b
I’d rather have the rose which is the main color of the website.

Regarding the prices, I don’t find the parameters and settings you showed me to change the color of prices
https://www.loom.com/share/af0240ff2c9c4196aa89ab60fd7c2a94

Let me know whether there is any possibility 😉

Have a lovely day.

Gilles

[SeaTheme]

Hi,

Do you mean the color of this circle (click to view)? Please set the Highlight Color on theme options. It will affect the price color also.

If it does not work still, please paste the custom CSS code to “Appearance > Customize: Additional CSS”

span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocomerce-cart-number, .woocommerce-store-notice, p.demo_store, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignright {
    background-color: var(--color-menu-hover, #FF8B84);
} 
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins .amount, .woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price>.amount, .woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation-link:hover a, .woocommerce-product-details__short-description a, .woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce .select2-container--default .select2-results__option--highlighted[data-selected], .woocommerce .select2-container--default .select2-results__option[aria-selected=true], .woocommerce .select2-container--default .select2-results__option[data-selected=true], .select2-results__option[aria-selected]:hover, .select2-results__option[data-selected]:hover {
    color: var(--color-menu-hover, #FF8B84);
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artonautes]

Hi there,
Thanks it works with CSS, but not with highlight color, which was already on #FF8B84. Maybe a bug or incompatibility with my woocommerce ?
Have a lovely day !
Gilles

[SeaTheme]

Welcome.
Please try to purge the cache.
If it doesn’t work, may I check your website? Could you please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artonautes]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[artonautes]

Hi hello,
you are already an administrator 🙂

[Author]

Posts