Add border to SAVE % -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
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 Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!