Same height for .product-element-bottom
-
Search for a method to align the bottom part of the product-wrapper.
Current settings Product Styles > Product title lines limit > None + Product Styles > Masonry do not apply to this. My product images are created using a template so the Masonry option does not apply in my case. However the bottom part can be shorter due to product title character length.
Tried a height adjustment but nothing works. Do you have any tips on how to make it mansonry style for the product wrapper bottom part as well?
Attachments:
You must be
logged in to view attached files.
I have already gone through all the documentation & settings and nothing came up as an option. While this is customizing CSS due to the way the product style part is built it creates inconsistencies in the design. Forcing the product title to 1 line only is not good practice in UX because visitors won’t be able to read the difference between the products – like in my case, quantity is the last in the title so two products with different quantities will show up the same with different prices. No bueno.
Please suggest a solution to the matter
Hello,
Currently, the only options available are added in the documentation link.
If we try using Custom CSS then it could disturb the layout.
If you still want the CSS then try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
.wd-hover-tiled .product-element-bottom {
height: 150px;
}
Best Regards.
With fine tuning that does the job! Thank you!
Hello,
We are Glad that you loved our Theme and Support Staff. We wish you all the best.
If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.
Thanks for contacting us.
Have a great day :-)
Topic Closed.
Best Regards.
The topic ‘Same height for .product-element-bottom’ is closed to new replies.