ALIGNMENT OF PRODUCT BUTTONS ON SHOP PAGE
-
Dear,
As you see, on my shop page, I have product having long titles and some others with shorter titles. However, this is causing differences in the alignment of :
– brand title
– price
– action button
I already found the CSS code myself for aligning to the top the product titles (because that’s from my own custom personalization).
.basel-hover-standard .product-title a{
vertical-align: top;
}
But the alignment of the rest is theme-related code, which is not user-friendly. How can I change this alignment? To make sure that all the above points are aligned despite of having of product title of 1 line or 2 lines.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global
body .basel-hover-standard .product-title a {
min-height: 32px;
}
Best Regards
Great, thanks! Your code works well.
However, I notice that the other part of the code which I mentionned before is not working that much fine in fact. See the screenshot :
Product 1 1 line aligned middle
Product 2 2 lines aligned middle
Product 3 1 line aligned middle
Product 4 2 lines aligned to top
Would you advise any other code than the one I found?
Attachments:
You must be
logged in to view attached files.
Hello,
The title level is the same http://prntscr.com/ll6ibf and there is no means to align more.
Best Regards
Ok thanks for your help
Issue closed
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘ALIGNMENT OF PRODUCT BUTTONS ON SHOP PAGE’ is closed to new replies.
.
