Solved

Symmetry Theme: Change Recommendation Background Color in Cart

chels_grove
Shopify Partner
56 0 20

Hi,

 

I love the product recommendations in the cart for the theme update, but how do I change the background. It looks like it's pulling in the alternate section color and I would like it to just be white (this is an unpublished theme for our client) - I looked in the main-cart.liquid but don't see anything that stands out where I can change it.

 

Thanks!

Accepted Solution (1)
suyash1
Shopify Partner
9137 1137 1485

This is an accepted solution.

@chels_grove - add this css and check

 

.cart-drawer .collection-slider{background-color: #fff; color: #000;}

 

suyash1_0-1693020119989.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

View solution in original post

Replies 9 (9)

suyash1
Shopify Partner
9137 1137 1485

@chels_grove - can you please share the page link where you have this section?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
chels_grove
Shopify Partner
56 0 20
I don't think I can because it is on an unpublished theme. It's in the Cart
Drawer of the most recent update of the Symmetry theme.
suyash1
Shopify Partner
9137 1137 1485

@chels_grove - you can share the preview link of the unpublished theme

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
chels_grove
Shopify Partner
56 0 20
suyash1
Shopify Partner
9137 1137 1485

@chels_grove - add this css to the very end of your styles.css file and check

.zrx-cart-footer-wrapper{background-color: #fff !important;}
To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
chels_grove
Shopify Partner
56 0 20
Thanks! That did not change it - it's not really a footer more of a content
block that is added to the cart. It's this:collection-slider
collection-slider--no-wide-gutter cart-drawer__content-item use-alt-bg and
it has in there the use-alt-bg, where can I remove that or override to make
it white?
suyash1
Shopify Partner
9137 1137 1485

This is an accepted solution.

@chels_grove - add this css and check

 

.cart-drawer .collection-slider{background-color: #fff; color: #000;}

 

suyash1_0-1693020119989.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
chels_grove
Shopify Partner
56 0 20
That's it!! Thank you!
suyash1
Shopify Partner
9137 1137 1485

welcome

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session