How can I eliminate the green dot on non-discounted products?

[Sermak]

Hello there,

I have a problem in product page... Because i have paint the background of the "You save $25", I see that the products that does not have discount appears a dot under the price.. Here is what i mean below..

Can anyone help me please to remove the green dot when a product doesn't have a discount? 

Here is a produuct page with discouunt code: https://theloggos.com/collections/t-shirts/products/unisex-oversize-t-shirt-ecru?variant=32811793645... 

Here is a produuct page withouut discouunt code: https://theloggos.com/collections/all-products/products/red-tie-dye-crew-socks 

[diego_ezfy · Accepted solution]

@Sermak,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<script>
function removeEmptyYouSave(){
var $youSave = document.querySelector(`.template-product .percentdis`);

if (!$youSave){
    return;
}

var text = $youSave.innerHTML.trim();

if (text === ''){
    $youSave.remove();
}

}

removeEmptyYouSave();
</script>

Kind regards,
Diego

[KetanKumar]

@Sermak 

sorry for that issue can you you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__price .percentdis {display: none;}
.price--on-sale .percentdis {display: block;}

[Sermak]

@KetanKumar Unfortunetly this doesn't work.. Thank you for your try!

@diego_ezfy This work for me! Thank you!!

[KetanKumar]

@Sermak 

thanks for update