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

jtorres
Explorer
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: https://www.lovelchile.com/collections/productos-mas-vendidos/products/pm

 

Thank you in advance for your help! 

 

Reply 1 (1)

made4Uo
Shopify Partner
3833 716 1167

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free