luchiayuan Posted July 26, 2013 Share Posted July 26, 2013 (edited) Hi, I am new to Prestashop and have really basic understanding of the css editing. I have attached two pictures to clarify my questions. In the featured product block on the bottom of the homepage, the image of the featured product is not as close to the price line as I wish. I would also like to the add and view buttons are right under the price line. I have tried to change the global.css to achieve the look I want, but with no success. For the product list view, the full product name got truncated at first. After I did some research on this forum, I managed to change product-list.tpl and have the full name displayed. However, the name and the price got overlapped. It has turned out, the texts would definitely get overlapped each other if the full product names were to be displayed. Please let me know if you need more information to help me. Thank you for all your kind assistance in advance. Edited July 28, 2013 by vekia (see edit history) Link to comment Share on other sites More sharing options...
NemoPS Posted July 26, 2013 Share Posted July 26, 2013 Hi, Can you maybe show us the live site? Link to comment Share on other sites More sharing options...
luchiayuan Posted July 26, 2013 Author Share Posted July 26, 2013 Sure, thank you so much for your reply. http://www.brilliant-baby.com Link to comment Share on other sites More sharing options...
vekia Posted July 26, 2013 Share Posted July 26, 2013 change the: padding: 20px 0 0px 0; to padding:0px!important; in the file: /themes/theme542/css/global.css final code: #featured_products ul li span.price { display: inline-block; padding: 0px!important; font-size: 22px; color: #000000; font-weight: normal; } Link to comment Share on other sites More sharing options...
luchiayuan Posted July 27, 2013 Author Share Posted July 27, 2013 Hi Vekia, Thanks for your help. The code has solved my original problem, but the alignment of the text in the top navigation bar is gone. Link to comment Share on other sites More sharing options...
vekia Posted July 27, 2013 Share Posted July 27, 2013 it's weirdy because the code that i pasted is not related to the header section. You changed something else? or maybe installed some addons? Link to comment Share on other sites More sharing options...
luchiayuan Posted July 27, 2013 Author Share Posted July 27, 2013 Hi, thanks for the quick reply. No, I didn't make other changes. I just copied and pasted the code you provided. Link to comment Share on other sites More sharing options...
vekia Posted July 27, 2013 Share Posted July 27, 2013 i checked it once again, this code doesnt change the top menu values: problem is with tmheaderlinks: change the top: 8px; to top:-8px!important; #tmheaderlinks { position: absolute; left: -29px; top: -8px!important; list-style: none; } do the same for all other modules / blocks attached to the top bar Link to comment Share on other sites More sharing options...
luchiayuan Posted July 28, 2013 Author Share Posted July 28, 2013 Hi Vekia, thanks! Problem solved! :) May I ask how to fix the text overlapping in the product list view. link: http://www.brilliant...hairs-and-prams The texts overlap in Chrome and Opera, but not in IE. Thanks! Link to comment Share on other sites More sharing options...
Jiten rash (away) Posted July 28, 2013 Share Posted July 28, 2013 #center_column span.price { color: rgb(0, 0, 0); font-weight: normal; font-size: 21px; margin: 14px 0px 0px 0px; global.css on line 109 if u just need to put margin Link to comment Share on other sites More sharing options...
vekia Posted July 28, 2013 Share Posted July 28, 2013 hello i marked this thread as solved please follow the forum rules and create new topic for your another question sorry for bothering you, but then your question and solution there will be more visible and it will be helpfull for other merchants here thanks in advance regards Link to comment Share on other sites More sharing options...
Recommended Posts