Shopify themes, liquid, logos, and UX
Hello!
I have the narrative theme and I added a code to make the sale price red, but I also want to increase the font size on the price (product page and home page). I also want the shipping underneath to be a larger font size. Can anyone help? Thank you much.
Solved! Go to the solution
This is an accepted solution.
hello @ReneeT
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.product__current-price{
font-size:20px;
}
.product__policies.rte{
font-size:20px !important;
}
This is an accepted solution.
Please add following css
.product__price--sale .product__compare-price, .product__price--sale .product__compare-price-label {
font-size: 35px !important;
}
Thanks!
Please share your store URL.
Hi @dmwwebartisan and @Kinjaldavra,
It is www.titanscrubbrush.com The current code I'm currently using is below, but it doesn't allow me to change the font size on the price on the home page or product page. Thank you!
.product__price--sale .product__current-price {color: #FF0000 !important;} s:after {background-color: #FF0000 !important;}
This is an accepted solution.
hello @ReneeT
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.product__current-price{
font-size:20px;
}
.product__policies.rte{
font-size:20px !important;
}
Hi @Kinjaldavra,
That definitely did the trick. Just one more item...now the original price is tiny. Is there a way to change that? Snapshot below. Appreciate your help.
Please share your webshop URL!
Thanks!
Hi @dmwwebartisan. It's www.titanscrubbrush.com. I have the code below added. Thanks.
.product__price--sale .product__current-price {color: #FF0000 !important;} s:after {background-color: #FF0000 !important;}
This is an accepted solution.
Please add following css
.product__price--sale .product__compare-price, .product__price--sale .product__compare-price-label {
font-size: 35px !important;
}
Thanks!
hello @ReneeT
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.product__compare-price{
font-size:20px; !important;
}
Thanks, @dmwwebartisan and @Kinjaldavra. What a wonderful community. I used both of your codes as part of the solution. Have a great day!
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