I have a weird problem. As you can see in the link and in the attached image discounted price is shown in a weird way. There is an "old" price on the right-hand side hence the "new" price is cut and presented in two lines.
thanks! It partially fixed the problem, however when I added it the strikethrough line on the old price disappeared (see attached). It is a bit confusing for the customers. Is it also possible to align both prices either to the right or left? Now one is to the right and another to the left.
Can you please share your Wordpress credentials here, because I need to login to your site and test this. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
That is happening because your currency has more numbers and it's name is longer than $ for example, also there you have the vat price too. So the area is a bit smaller for all those digits.
I think that the best solution without adding any CSS code is if you select 3 products per row on your show page (Example: Video).
Please let me know if you are happy with the result.
Hello,
I have a weird problem. As you can see in the link and in the attached image discounted price is shown in a weird way. There is an "old" price on the right-hand side hence the "new" price is cut and presented in two lines.
Is it possible to change it?
Thank you,
Maciej
Hi Maciej,
Can you please add the code below to your Custom CSS area:
.laborator-woocommerce .items .product.product-type-variable .white-block .price span { display: inline-flex; }Hi Ylli,
thanks! It partially fixed the problem, however when I added it the strikethrough line on the old price disappeared (see attached). It is a bit confusing for the customers. Is it also possible to align both prices either to the right or left? Now one is to the right and another to the left.
Thanks for all the support!
Maciej
Hi Maciej,
Can you please share your Wordpress credentials here, because I need to login to your site and test this. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar. (See how)
Hi Maciej,
That is happening because your currency has more numbers and it's name is longer than $ for example, also there you have the vat price too. So the area is a bit smaller for all those digits.
I think that the best solution without adding any CSS code is if you select 3 products per row on your show page (Example: Video).
Please let me know if you are happy with the result.
Thanks you!
Hi Ylli,
Sorry for my late reply.
I think it works but we are still missing a crossing ling on the old price. I think it was there before but disappeared after the initial change.
Thanks!
Maciej
Hi Maciej,
Don't worry.
I can still see the crossing line on the sale prices
(view on new page)
Thanks!
Weird, I don't have it on Firefox but I have it on Chrome. I cleared the cache.
Hi Maciej,
I just solved this issue for you by adding this CSS code on your Custom CSS area:
@-moz-document url-prefix() { .laborator-woocommerce .items .product .white-block .price del::after { content: ""; background: #555; width: auto; height: 1px; display: block; margin-top: -10px; margin-left: 5px; margin-right: 5px; } }This CSS code will be executed only for Firefox browser.
Have a great week!
You're welcome Maciej
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great week!