Cart icon

A Started by Allen · January 16, 2022 at 9:14 pm · 2 replies 0 voices Last reply 4 years, 5 months ago
A
Allen Original poster Member
#1

I have not been able to figure out how to edit the color of the background on the shop pages. My home page has various colors and the cart logo shows up white background no matter what. I tried to edit the SVG file but same result. How can I have the shopping logo in this theme either be transparent or white when in the actual store when dark mode is turned on ? I have not seen any settings. Thanks

ST
Spiracle Themes Original poster
#3

Hi Allen

Thanks for reaching out
Please try the following. CSS

.woocommerce ul.products li.product .product_type_simple, 
.woocommerce-page ul.products li.product .product_type_simple {
    background: #333333 url(https://whispersofappalachia.com/wp-content/themes/own-shop/img/cart-hover.svg) no-repeat scroll center !important;
    background-color: transparent;
    background-size: 20px !important;
}

section.related.products h2 {
    color: #9a9a9a;
}

Copy & Paste it in Appearance -> Customize -> Additional CSS

Let us know if this works for you

Best Regards

Post a reply

Join the conversation. Be kind — this is a public forum.

Replying to Cart icon

By posting, your reply becomes public (unless marked private).