Narrative Theme Make sale price red and increase price font size

Solved
ReneeT
Tourist
5 0 1

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.

ReneeT_0-1626851863558.png

 

dmwwebartisan
Shopify Partner
7424 1760 2357

@ReneeT 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1413 400 955

Hello @ReneeT 

Can you please share your web url 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
ReneeT
Tourist
5 0 1

Hi @dmwwebartisan and @Natztech

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;}

0 Likes
Natztech
Shopify Partner
1413 400 955

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
ReneeT
Tourist
5 0 1

Hi @Natztech,

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.

ReneeT_0-1626935247840.png

 

 

0 Likes
dmwwebartisan
Shopify Partner
7424 1760 2357

@ReneeT 

Please share your webshop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
ReneeT
Tourist
5 0 1

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;}

0 Likes
Natztech
Shopify Partner
1413 400 955

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
dmwwebartisan
Shopify Partner
7424 1760 2357

This is an accepted solution.

@ReneeT 

Please add following css 

.product__price--sale .product__compare-price, .product__price--sale .product__compare-price-label {
    font-size: 35px !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →