Nick20000 Posted October 8, 2014 Share Posted October 8, 2014 Hi. I am trying to change the featured products block product title size but the only way I have found to do this is inside of global.css, but this also changes the size of some of my other blocks. How do I change only the featured block and not the other blocks? http://www.shopmost.co.uk thank you. Link to comment Share on other sites More sharing options...
PascalVG Posted October 9, 2014 Share Posted October 9, 2014 I see you have copies of featured products on your site. Do you want them all to have a different font size from the other title blocks? If so, add: #featured-products_block_center{ font-size: 20px; // change 20px as needed. } http://www.w3schools.com/cssref/pr_font_font-size.asp hope this helps, pascal Link to comment Share on other sites More sharing options...
Nick20000 Posted October 9, 2014 Author Share Posted October 9, 2014 I see you have copies of featured products on your site. Do you want them all to have a different font size from the other title blocks? If so, add: #featured-products_block_center{ font-size: 20px; // change 20px as needed. } http://www.w3schools.com/cssref/pr_font_font-size.asp hope this helps, pascal Hi. It didn't work I mean the title of the products not the header title of the block. ty. Link to comment Share on other sites More sharing options...
PascalVG Posted October 10, 2014 Share Posted October 10, 2014 Hi Nick, sorry misunderstood. Try this: add to global.css: #featured-products_block_center .s_title_block a, #featured-products_block_center .s_title_block a:active, #featured-products_block_center .s_title_block a:visited { font-size:10px; // change 10px as desired } If you want to make the size much bigger, it will overlap with the 'Shop now' text below it. To fix that, go to your module/homefeaturedXX/homefeatured.css files (line 10) and change the height: #featured-products_block_center .s_title_block, #featured-products_block_center h5 { padding-top: 5px; margin-bottom: 1px; height: 30px; // change this to 40px or so font-size: 12px; color: #222; padding-bottom: 0; font-weight: bold; } After doing this, you'll see that the border around the featured products blocks is too small (not high enough). To fix that, we need to change something in the homefeatured.php files (I hope) There's a ling that says something like: <ul style="height:255px;"> or so (search for 255) Then change that to a bigger value, like 275px; or so. Do this for all home featured modules (As you/your developer just copied the whole module, all css code is also for that block only, I expect, OR it uses the one of the last block only, as it may override the ones of the modules above. Give it a try) Hope this does the trick. pascal. Link to comment Share on other sites More sharing options...
Nick20000 Posted October 10, 2014 Author Share Posted October 10, 2014 hi. thanks for the help. I am only changing the title size as I will be updating my site again soon. thank you. 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