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