Add border to SAVE % -Impulsive Theme

66 0 17

I would like to add a rectangle border to the Save $% section, here:

Captura de pantalla 2022-05-30 a las 19.13.32.png


I want it to be just like this:

Captura de pantalla 2022-05-30 a las 19.25.46.png

This is my website:


Thank you in advance for your help! 


Reply 1 (1)

Shopify Partner
3803 713 1112

Hi @jtorres 


Just follow the instructions below. 

1. Go to Admin > Online store > Themes > Actions > Edit code
2. Open the theme.css file under the Asset folder
3. Add the code below. 


.product__price-savings {
    border: 3px solid;
    padding: 5px 10px;
    font-weight: bold;


The color of the border is the default color on your theme. To change the border to different color, simply change the text "#000" below to the color you want. 

.product__price-savings {
    border: 3px solid #000;
    padding: 5px 10px;
    font-weight: bold;


Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!