How to change size of sale triangle in Narrative theme

Solved
New Member
11 0 0

Hi! Can somebody help me change the size of the sale here to make it bigger? 

Screen Shot 2019-10-30 at 7.30.39 PM.pngneed a bigger sale triangle

 

Also, can anybody help me change the color of the price? I wanted to change this specific color only and maintain the others as is. 

  Screen Shot 2019-10-30 at 7.31.10 PM.png

 

Thank you so much in advance! 

0 Likes

Success.

Hello @DigitalMarketer ,
Please add this code at the bottom of theme->edit code->assets->theme.scss.liquid.

.card__badge {
	padding: 45px 7px 8px !important;
	font-size: 15px !important;
}

It will be look like that much bigger....

sale.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Success.

Shopify Expert
665 170 199

Hi, @DigitalMarketer ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

For triangle size:

.card__badge {
padding: 40px 8px 7px; font-size: 14px; }

And for text color:

.card__price--sale {
    color: #000;
}

To change color, you can use hex code, RGB and rgba colors.

 

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
11 0 0

Thank you so much! this helped me a lot! :) 

0 Likes
New Member
11 0 0

Thank you Evita! Appreciate the thought of you helping out! 

0 Likes
New Member
11 0 0

Thanks Evita! how about making it bold? thanks!!!!

0 Likes
Shopify Expert
665 170 199

Try adding this:

.card__price--sale {
    color: #000;
    font-weight: bold;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
11 0 0

Thank you! 

0 Likes
New Member
11 0 0

Hi Evita! 

 

Can I follow up on asking help for the font color inside the shop/products? 

 

On the front end the sale price was made bold, but on the store, it remains the same..How do you make it bold?

Screen Shot 2019-11-12 at 8.52.02 PM.png

 

Thank you in advance! 

0 Likes