How to take this space below price away? See picture

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/

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


Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

@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

unfortunately it did not work

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

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


Thank you !

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

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

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:

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!

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!