How can I add a border to the Save % section in Impulsive Theme?

[jtorres]

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

I want it to be just like this:

This is my website: https://www.lovelchile.com/collections/productos-mas-vendidos/products/pm

Thank you in advance for your help! 

[made4Uo]

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