how to take this space below price away? See picture

[Svds]

this space is there only for products that are not on sale/do not have a discount. how do i get this space away? 

Store Url: https://facce-amsterdam.nl/

 

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

 Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<script>
document.addEventListener(‘DOMContentLoaded’, function () {
  setTimeout(function () {

const secondSpan = document.querySelector('.price__sale span:nth-child(2)');
const priceRegular = secondSpan.querySelector('s').textContent.trim();

if (priceRegular === '') {
  secondSpan.style.display = 'none !important';
}
  }, 1000);
});
</script>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[Svds]

unfortunately it did not work 

[PageFly-Noah]

Hi @Svds  please add code here again, Maybe symbol ' and ` in 'DOMContentLoaded' different:

<script>
document.addEventListener('DOMContentLoaded', function () {
  setTimeout(function () {

const secondSpan = document.querySelector('.price__sale span:nth-child(2)');
const priceRegular = secondSpan.querySelector('s').textContent.trim();

if (priceRegular === '') {
  secondSpan.style.display = 'none !important';
}
  }, 1000);
});
</script>

  Thank you !

[Svds]

also didnt work unfortunately I do not know what the problem is

[PageFly-Noah]

Hi @Svds  I can explain to you the above code I wrote considering that if the value is empty, that part will be hidden. seems like an error occurred. Let me check further

[ecomheroes_dev]

@Svds 
Hi

Which theme have you used currently for your website?
I think there is the option to remove that space in the theme customization, in the theme customize option go to product page and check all option

Thanks

[Svds]

i dont think there is a theme customization for this since this is not the case for products that are on sale, it is a issue that needs to be coded i think. my theme is refresh

[BSSCommerce-B2B]

Hi @Svds 

You can try the following steps:

Step 1: Go to Admin -> Online store -> Theme > Edit code: 

Step 2: Search for base.css

Step 3: Add this code at the end of the file

 

.product__info-wrapper .price__sale {
  flex-direction: row!important
}

You will get the result like this:

[BSSCommerce-B2B]

Hi @Svds 

You can try the following steps:

Step 1: Go to Admin -> Online store -> Theme > Edit code: 

Step 2: Search for base.css

Step 3: Add this code at the end of the file

 

.product__info-wrapper .price__sale {
  flex-direction: row!important
}

You will get the result like this:

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!

[BSSCommerce-B2B]

Hi @Svds 

You can try the following steps:

Step 1: Go to Admin -> Online store -> Theme > Edit code: 

Step 2: Search for base.css.

Step 3: Add this code at the end of the file.

 

.product__info-wrapper .price__sale {
  flex-direction: row!important
}

You will get the result like this:

I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!