Shopify themes, liquid, logos, and UX
Hello,
I hope someone can help me. For the Dawn theme I'm trying to figure out how to make the sales price red on the product page and home pages, and make both prices a larger sized font. Thank you!
Solved! Go to the solution
This is an accepted solution.
OR paste this code on top of the component-price.css file.
span.price-item.price-item--sale.price-item--last {
color: red !important;
font-size: 22px !important;
}
Thank You.
In theme customizer create a custom liquid section on both the homepage and on the product templates and add the following
<style type="text/css">
.price-item--sale {
color: red;
}
</style>
Save time & money ,Ask Questions The Smart Way
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
hello @ReneeT1
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.price__regular {
color: #f30303 !important;
}
Hi @Kinjaldavra,
Thanks for responding. I don't see assets/theme.css in the Dawn theme. Maybe I'm missing something.
Hii, @ReneeT1
Paste this code on top of the component-price.css file.
.price__regular {
color: red !important;
font-size: 22px !important;
}
Thank You.
Hello @Zworthkey,
Thanks for the recommendation. I pasted the code and saved it, but it didn't change the font color or size. Any additional recommendations? Thanks!
@ReneeT1
Can you please give me your store URL so,
I can solve it perfectly.
Thank You.
@ReneeT1
Paste this code on top of the component-card.css file.
.price {
color: red !important;
font-size: 22px !important;
}
This is an accepted solution.
OR paste this code on top of the component-price.css file.
span.price-item.price-item--sale.price-item--last {
color: red !important;
font-size: 22px !important;
}
Thank You.
Thanks, @Zworthkey!! Problem solved, this code worked on both the home page and product page. Appreciate your assistance. Have a great day!
Thanks @Zworthkey. This one worked on the product page, so I will use this one in the future too.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024