jonasPS Posted February 24, 2014 Share Posted February 24, 2014 Hi, I'm pretty new with prestashop and I usually find tricks by myself and looking around on this forum but I need your help on this one. I'm struggling trying to change the color of the font I use for the titles of the product on the homefeature module. I have identify the exact line I'm supposed to change but it wouldn't change it on the front page. I have changed the homefeature.css file see below: #featured-products_block_center .s_title_block, #featured-products_block_center h5 { padding-top:5px; height:30px; font-size:12px; color:#888 !important; /* the !important is not helping here*/ text-transform:uppercase; text-align:center; padding-bottom: 0; It feels like the color of the font is changed somewhere else. Any Idea? Thanks. Link to comment Share on other sites More sharing options...
Joel Bardsley Posted February 25, 2014 Share Posted February 25, 2014 I expect it'll be in global.css somewhere. If you're using the Chrome browser, just right click on the text you want to change and choose 'Inspect Element' - this will quickly allow you to find what you need to change, which css file it's in and whereabouts in the file it is. Happy inspecting, Joel Link to comment Share on other sites More sharing options...
vekia Posted February 25, 2014 Share Posted February 25, 2014 any chance to see your website? if so, share url please Link to comment Share on other sites More sharing options...
jonasPS Posted February 25, 2014 Author Share Posted February 25, 2014 Hi, thanks a lot, I actually replaced all "color:#333" by something that pops out "color:#0F0" and it changed my font. I tried one by one then and found it. It is in the global.css file around line 315 the following block #footer .block {margin-bottom:0} .block .title_block, .block h4 { padding:6px 11px; font-size:12px; color:#ccc; text-transform:uppercase; border-bottom:one; background:#FFF; } .block .title_block a, .block h4 a {color:#CCC} .block ul {list-style-type:none} .block li.last { border:none} .block li a { display:block; color:#888 /*color:#333 that was the one*/ } Sorry it's a bit too soon to share the website as I'm not done with all the legal matters. As soon as this is finished I'll be glad to share it with you and get your feedback. Thanks a lot. I hope this post will help some others. Link to comment Share on other sites More sharing options...
Joel Bardsley Posted February 26, 2014 Share Posted February 26, 2014 Awesome. Good luck with the launch! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now