wlongdonstudio Posted January 7, 2013 Share Posted January 7, 2013 using 1.5.3.1 i want to change only the featured product to the same blue on the top header and Top Sellers, Special, Wishlist, Information Categories, New Products, View Products and Contact US to a Light grey how to do that? Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted January 7, 2013 Share Posted January 7, 2013 You can do this easily using CSS rules. If you can provide a link to the shop I can help further. Marty Shue Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 7, 2013 Author Share Posted January 7, 2013 http://laloptical.com/Shop i just dont know which color goes with which bar block etc Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 7, 2013 Author Share Posted January 7, 2013 i'm currently editing the superfish-modified.css file Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted January 8, 2013 Share Posted January 8, 2013 I have tried repeatedly to visit your site but get nothing but a blank page. Marty Shue Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 8, 2013 Author Share Posted January 8, 2013 oh really? try now Link to comment Share on other sites More sharing options...
tdr170 Posted January 8, 2013 Share Posted January 8, 2013 (edited) To cjange the Featured products block to a different color then the other blocks you will need to add some code to homefeatured.css. Add this at top: #featured-products_block_center .title_block { background:#6FA3D5 } Then in global.css change the heading .block .title_block, .block h4 background color to #909498 as below or your choice of gray /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block .title_block, .block h4 { padding:6px 11px; font-size:12px; color:#fff; text-shadow:0 1px 0 #000; text-transform:uppercase; background:#909498; text-align:left; font-weight: bold; } Edited January 8, 2013 by tdr170 (see edit history) 1 Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 8, 2013 Author Share Posted January 8, 2013 Thank you i'm going to try it now. Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 8, 2013 Author Share Posted January 8, 2013 what would be the same codes for doing the same thing in 1.5.2? Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 8, 2013 Author Share Posted January 8, 2013 (edited) where do i find global.css in 1.5.3.1? got it themes/default/css Edited January 8, 2013 by wlongdonstudio (see edit history) Link to comment Share on other sites More sharing options...
tdr170 Posted January 8, 2013 Share Posted January 8, 2013 It will be very similar I do not have a 1.5.2 site to test on but the only dif is in the global.css instead of .title_block it was just .block h4 You would still need to add a separate code for Featured products to be different. Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 9, 2013 Author Share Posted January 9, 2013 ok i have 2 sites to work on one 1.5.2 and this one 1.5.3.1 the below suggestions from tdr170 works..but not for the 1.5.2 any help To cjange the Featured products block to a different color then the other blocks you will need to add some code to homefeatured.css. Add this at top: #featured-products_block_center .title_block { background:#6FA3D5 } Then in global.css change the heading .block .title_block, .block h4 background color to #909498 as below or your choice of gray /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block .title_block, .block h4 { padding:6px 11px; font-size:12px; color:#fff; text-shadow:0 1px 0 #000; text-transform:uppercase; background:#909498; text-align:left; font-weight: bold; } Link to comment Share on other sites More sharing options...
tdr170 Posted January 9, 2013 Share Posted January 9, 2013 If you can post a link to the 1.5.2 site I can give you the code. Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 9, 2013 Author Share Posted January 9, 2013 http://laloptical.com/eshop/ Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 9, 2013 Author Share Posted January 9, 2013 (edited) found it /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block h4 { padding:6px 11px; font-size:12px; color:#fff; text-shadow:0 1px 0 #000; text-transform:uppercase; background:#909498 } .block h4 a {color:#fff} .block ul {list-style-type:none} .block li.last { border:none} .block li a { display:block; color:#333 } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { /*background: url("../img/table_header.gif") no-repeat; color: #374853; font-weight: bold; height: 14px; padding: 5px 10px; margin: 10px 0 0 0;*/ padding: 6px 11px; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; background: none repeat scroll 0 0 #909498; } but i need it to make the featured products background #6FA3D5 the info above didn't work for homefeatured.css Edited January 9, 2013 by wlongdonstudio (see edit history) Link to comment Share on other sites More sharing options...
tdr170 Posted January 9, 2013 Share Posted January 9, 2013 Change the line you added to homefeatured.css to this. #featured-products_block_center h4 { background :#6FA3D5 } Link to comment Share on other sites More sharing options...
wlongdonstudio Posted January 9, 2013 Author Share Posted January 9, 2013 thank you Change the line you added to homefeatured.css to this. #featured-products_block_center h4 { background :#6FA3D5 } Link to comment Share on other sites More sharing options...
wlongdonstudio Posted February 27, 2013 Author Share Posted February 27, 2013 using 1.5.3.1. http://socheapllc.com/Shop/ changing featured products and top bar in green 0b9951 homefeatured.css added on the top #featured-products_block_center .title_block { background :#0b9951 } and all the other bar in blue 2c5fb2 followed the instructions above but can't seem to find the top bar code.. please help Link to comment Share on other sites More sharing options...
wlongdonstudio Posted February 28, 2013 Author Share Posted February 28, 2013 hey,,,can you please check http://socheapllc.com/Shop i need to change the bar to the feature bar green color and can't find the color where can i find that file to make the change from the dark grey? Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted February 28, 2013 Share Posted February 28, 2013 Look in modules/blocktopmenu/css/superfish-modified.css then find the following: .sf-menu { background: none repeat scroll 0 0 #383838; margin: 10px 0; padding: 0; width: 980px; } Change the background color to the green you want. Marty Shue Link to comment Share on other sites More sharing options...
wlongdonstudio Posted February 28, 2013 Author Share Posted February 28, 2013 thank you Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted March 1, 2013 Share Posted March 1, 2013 You are welcome. I hope that helped you solve your problem Marty Shue Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts