Re: Symmetry Theme: Change Recommendation Background Color in Cart

Solved

Symmetry Theme: Change Recommendation Background Color in Cart

chels_grove
Shopify Partner
75 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
10566 1305 1672

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

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 9 (9)

suyash1
Shopify Partner
10566 1305 1672

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

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
chels_grove
Shopify Partner
75 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
10566 1305 1672

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

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
chels_grove
Shopify Partner
75 0 20
suyash1
Shopify Partner
10566 1305 1672

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

.zrx-cart-footer-wrapper{background-color: #fff !important;}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
chels_grove
Shopify Partner
75 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
10566 1305 1672

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

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
chels_grove
Shopify Partner
75 0 20
That's it!! Thank you!
suyash1
Shopify Partner
10566 1305 1672

welcome

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.