tonisky Posted January 16, 2014 Share Posted January 16, 2014 (edited) Hi everyone, by applying Milosz Myszczuk's great tutorial: http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html, I successfully changed the product from list view to grid view. My website: http://phonepartsdirect.co.uk/gb/10-iphone-5-parts But now I have a problem. Currently the prices are relative to the product title, sometimes prices are higher, sometimes lower. I want them to be in the same line. I tried to change the price tag in product-list.css file, but failed. I can move the position of the prices lower or higher, but they are always not in the same line. Can anybody help? Many thanks. Tony Edited January 16, 2014 by vekia (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted January 16, 2014 Share Posted January 16, 2014 hello second ago i replied to your comment we can continue discussion here Link to comment Share on other sites More sharing options...
tonisky Posted January 16, 2014 Author Share Posted January 16, 2014 (edited) hello second ago i replied to your comment we can continue discussion here Hi vekia, many thanks for your very quick reply. Yes, I did try to add something like: "position:relative; bottom: 10px", but all the prices move at the same time and still not in the same line! Maybe I did something wrong? Tony Edited January 16, 2014 by tonisky (see edit history) Link to comment Share on other sites More sharing options...
Ronaldo Perez Posted January 16, 2014 Share Posted January 16, 2014 (edited) you mean vertical price align? need just add fixed height to your title #product_list h3 { height: 43px; } Edited January 16, 2014 by SergeyH (see edit history) Link to comment Share on other sites More sharing options...
tonisky Posted January 16, 2014 Author Share Posted January 16, 2014 (edited) you mean vertical price align? need just add fixed height to your title #product_list h3 { height: 43px; } Hi SergeyH, thanks for your suggestion. I mean horizontally price align at the same level. But anyway, inspired by vekia, I changed the position to absolute. "position:absolute; bottom: 25px". Then problem is solved now. Thank you anyway. Tony Edited January 16, 2014 by tonisky (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted January 16, 2014 Share Posted January 16, 2014 ok, thank you for confirmation. im going to mark this topic as solved if you need any additional assistance - just let me know with regards, Milos Link to comment Share on other sites More sharing options...
Hartung Posted July 29, 2014 Share Posted July 29, 2014 (edited) Hi, In my sop http://test.willbefine.nl/techkooptest/en/58-garden I'd like to horzontal align all BUY buttons so The shop will look nicer. Can I ask where do you place this "position:absolute; bottom: 25px" ? is it in file product_list.css ? and where do I put this line? Thanks! Edited July 29, 2014 by Willbefine (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 30, 2014 Share Posted July 30, 2014 some of your products has got description some of them not, so block of product with description is higher than block of product without desc it means, that you have to define height param for product_desc or for whole block (and use position:absolute for but button). okay, so: product_desc { height:50px; } effect: instead of original: Link to comment Share on other sites More sharing options...
Hartung Posted July 30, 2014 Share Posted July 30, 2014 Hi vekia, thanks for your response. Do I add product_desc { height:50px; } in the Global.css? I just did and it looks better.. and where do I set position:absolute for but button? thanks in advance Link to comment Share on other sites More sharing options...
Recommended Posts