A user seeks to change the featured collection heading color to black on their Shopify store’s homepage using the Refresh theme. They also want to modify product price colors to white.
Solutions Provided:
Two community members offered nearly identical CSS solutions:
base.css file.collection__title and .collection__description for heading color (#000/black).price__sale and .cart-item__price-wrapper elements for price color (#fff/white)Outcome:
The original poster confirmed both solutions worked successfully. The discussion appears resolved with the user thanking both contributors.
Hi there,
I would like to change the color of the text for the feature collection title/heading on the home page to black. It’s on the refresh theme so i use base.css for most changes.
Also, while i’m at it, can anyone provide code to change the color of the price (home page) beneath each product to white?
Thank you!!
Sure. What’s the link to your website?
Hello @psimo90
Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.collection .collection__title .collection__description {
color: #000;
}
.price__sale .price-item--regular, .cart-item__price-wrapper *, .price__sale .price-item--sale {
color: #fff!important;
}
Hello There,
.collection__description.body p {
color: #000;
}
.price__sale .price-item--regular, .cart-item__price-wrapper *, .price__sale .price-item--sale {
color: #fff!important;
}
Thanking you both!
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
