Jump to content

[SOLVED] Changing color of cart summary from header


Recommended Posts

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!

post-38149-0-60083000-1377617575_thumb.jpg

Edited by gussy (see edit history)
Link to comment
Share on other sites

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

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

  • Like 1
Link to comment
Share on other sites

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".

  • Like 1
Link to comment
Share on other sites

×
×
  • Create New...