gussy Posted August 27, 2013 Share Posted August 27, 2013 (edited) Hi guys,I need some help changing top cart color from the header - highlighted in attachment. I want to change only the top color, (the summary with "cart X products"), not the whole cart. I tried to edit blockcart.css but no luck....Thank you! Edited September 2, 2013 by gussy (see edit history) Link to comment Share on other sites More sharing options...
Paulito Posted August 27, 2013 Share Posted August 27, 2013 (edited) a Edited August 27, 2013 by Paulito (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted August 27, 2013 Share Posted August 27, 2013 and if you want to change also cart backround,change backgrund param in: #header #cart_block { z-index: 10; display: none; position: absolute; right: 0; top: 65px; height: auto; width: 200px; -moz-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: 0 1px 0 #C6C6C6; background: #eee; } it's a part of file: /modules/blockcart/blockcart.css Link to comment Share on other sites More sharing options...
tdr170 Posted August 27, 2013 Share Posted August 27, 2013 To change the color of the text you have circled you need to add color:yourcolor to one area of the blockuserinfo.css file. ..modules/blockuserinfo/blockuserinfo.css Add color:yourcolor : (example shown is blue) #shopping_cart a{ height: 15px; padding:15px 27px 10px 43px; background: url('img/icon/cart.gif') no-repeat 10px 9px #eee; min-width: 130px;/* 200 */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;display:block; color:#0000c0 } You can use the link below to get the color you want. http://www.w3schools.com/html/html_colors.asp 1 Link to comment Share on other sites More sharing options...
gussy Posted September 2, 2013 Author Share Posted September 2, 2013 Thank you all for the answers. The solution was in blockuserinfo.css : #shopping_cart a{height: 15px;padding:15px 27px 10px 43px;background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;min-width: 130px;/* 200 */-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;display:block;color:#0000c0} I will mark as "Solved". 1 Link to comment Share on other sites More sharing options...
Recommended Posts