Manuela Posted April 1 Share Posted April 1 Hi, I would like that all prices are on the same height in the store page, no matter if the product title is long or short. How can I do this? Attached you can see how it looks currently. When the product title is on 2 lines the price is showed lower than when the product title is on 1 line. thanks a lot in advance! manuela Link to comment
tuanphan Posted April 5 Share Posted April 5 Hi, What is shop page url? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Manuela Posted April 5 Author Share Posted April 5 Hi Tuanphan, thanks a lot for reaching out! the shop URL is www.manuelaschweizer.ch/shop thanks, manuela Link to comment
tuanphan Posted April 8 Share Posted April 8 On 4/5/2023 at 9:06 PM, Manuela said: Hi Tuanphan, thanks a lot for reaching out! the shop URL is www.manuelaschweizer.ch/shop thanks, manuela Add to Design > Custom CSS @media screen and (min-width:768px) { .grid-title { min-height: 50px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Manuela Posted April 8 Author Share Posted April 8 Hi Tuanphan, thank you so much!! It worked 🙂 all the best to you, manuela Link to comment
Manuela Posted April 19 Author Share Posted April 19 Hi Tuanphan Thanks again for your solution, it works great! However, is it also possible to have something similar for the mobile version? I have a CSS code to have 2 products in 1 row for mobile and there it would be great if the prices could also be at the same height as it is now for the desktop version. See attachment how it looks currently. Thanks so much, manuela Link to comment
Solution tuanphan Posted April 22 Solution Share Posted April 22 Use this @media screen and (min-width:768px) { .grid-title { min-height: 50px; } } @media screen and (max-width:767px) { .grid-title { min-height: 100px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Manuela Posted April 24 Author Share Posted April 24 It works perfect, thank you so much!! 🙂 🙂 all the best, manuela Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment