Sito Lab Posted August 14, 2013 Share Posted August 14, 2013 thanks for your help, and sorry for my english, I am attaching the link of my shop I work with to create the website. http://prestashoprova.wesped.es/iotoscana/index.php I removed the right column as you can see in the link, I zoomed in pictures of home_default from 124 x 124 to 200 x 200 regenerating thumbnails, and set the display on the home page from 8 to 6, but I do not understand where I have to intervene to adjust the disaster pictures. thanks ps 1.5.4.1 Link to comment Share on other sites More sharing options...
vekia Posted August 14, 2013 Share Posted August 14, 2013 if you want to use pictures 200x200 you have to edit the module css styles (width param of <li> element) and also define new number of products per line (in module .tpl file) Link to comment Share on other sites More sharing options...
Sito Lab Posted August 14, 2013 Author Share Posted August 14, 2013 (edited) Vekia thanks for your answer, I have to change these lines? homefeatured.css line 1 #featured-products_block_center li { margin-right:10px; padding:10px 0; width:126px; height:240px and homefuturead.tpl line 31 {assign var='liHeight' value=250} Edited August 14, 2013 by lui1969 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted August 14, 2013 Share Posted August 14, 2013 change this value to define the number products in one line {assign var='nbItemsPerLine' value=4} and width and height from css code that you mentioned above Link to comment Share on other sites More sharing options...
Sito Lab Posted August 14, 2013 Author Share Posted August 14, 2013 perfect, now I have the problem of the new product, it's okay if I speak on this line 17 # featured-products_block_center. product_image and edit display: block in inline-block Link to comment Share on other sites More sharing options...
Sito Lab Posted August 14, 2013 Author Share Posted August 14, 2013 I modified as described above and all seems ok I added the line 43 # featured-products_block_center. product_desc to This font-size: 12px; color: # 000; text-align: left; to give color and size to a short description of the product, but if you can see on the link posted above, you can see that the description is larger than the photo, how can I fix this? thanks Link to comment Share on other sites More sharing options...
vekia Posted August 14, 2013 Share Posted August 14, 2013 you need to define the width param for this block. whole li element has got 240px; desc block has got 240px; picture has 200px; so in this case set it up to 200px; #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { font-size: 12px; color: #000; text-align: left; width: 200px; } Link to comment Share on other sites More sharing options...
Sito Lab Posted August 14, 2013 Author Share Posted August 14, 2013 Works great: one last thing, please do not kill me Vekia I would like to center the picture in homefuturead, because as you can see to the left are and then do not understand why this is gone modules/homefeatured/img/arrow_right_1.png Link to comment Share on other sites More sharing options...
Recommended Posts