How do I put this separator line on the product page?

[anapdeabreu]

When I save it in HTML and open it in the browser, it appears normally, but on the Shopify page it does not appear.

[anapdeabreu]

https://lojabauer.com.br/products/espremedor-eletrico-inteligente-para-sucos-e-vitaminas

[BSSCommerce-HDL]

Hi @anapdeabreu, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.price__sale::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    background-color: #00000038;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[anapdeabreu]

Como seria para que estivesse sempre antes do seletor de variantes? Porque alguns produtos possuem variantes e avaliações, pouco antes do preço acabar não sendo o design desejado. link this for example: https://lojabauer.com.br/products/cinta-de-sustentacao-para-gestantes-bauer?variant=49339582447935

[BSSCommerce-HDL]

Hi @anapdeabreu, Can you take a picture for me to describe the place you need?

[anapdeabreu]

Imagine that you have the evaluations already imported, it should look like I drew it. it's possible?
Not all products have it, but I want it to always be above the price if there are no variants, or above the variant selector if there are variants

[BSSCommerce-HDL · Accepted solution]

Hi @anapdeabreu, Please remove the old code and add this new code:

variant-selects::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: -7px;
    left: 0;
    background-color: #00000038;
}

variant-selects {
    position: relative;
}

Hope this can help you 

[Made4uo-Ribe]

Hi @anapdeabreu 

i cant find your reviews on the prodcut title. 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.product__info-container > div:nth-child(3) {
    border-bottom: 5px solid black;
}

• And Save. 
• Result:
•