[solved] Change the cart block font colour

[flotyi]

Hi,

 

My shopping cart's font colour is white with grey background, so it is not visible at all. Where can I change the font colour?

Thanks.

[Joel Bardsley]

Hi flotyl,

 

The font colours for the cart are linked to the font colours from your body and link text. If you want to change the colours without affecting the other font colours in the shop, you could add some css either to global.css (in your prestashop theme folder) or to the cart module itself. I'm not sure if you're a developer so if you need assistance with that, feel free to leave me a message.

 

Thanks,

Joel

[vekia]

you can also change font color in cartblock module tpl files

[tdr170]

You can change these in blockcart.css by adding color:yourcolor to the correct section, in the example below the text for shipping, total are changed to red.

 

 

#cart_block p span {

clear: right;

float: left;

text-align: right;

color:red

}

This will change the prices to red.

#cart_block span.price {

color: red;

float: right

}

[flotyi]

I got it, thanks!! It looks nice.

[vekia]

i marked this topic as solved, if someone want to change colors in own shop - can read solution above posted by tdr170

[lasseulrich]

Doesn´t work in 1.5.4.0

[vekia]

Doesn´t work in 1.5.4.0

 

you use default template?

[lasseulrich]

Yes

[GoneVintage]

Try using firebug, locate the css and change color - works like a charm!

[lasseulrich]

Try using firebug, locate the css and change color - works like a charm!

Piece of crap, wasn´t able to find the correct css file.

Thanks anyway

[GoneVintage]

Piece of crap, wasn´t able to find the correct css file.

Thanks anyway

Place your store url, I'll find it for you

[Joel Bardsley]

Try this lasseulrich:

 

In blockcart.css, add the color property as follows:

 

 

#cart_block #cart-prices {
 padding: 10px 4px;
 line-height: 20px;
 font-weight: bold;
 border-top: 1px solid #999;
 color: red;
}

[GoneVintage]

Try this lasseulrich:

 

In blockcart.css, add the color property as follows:

 

 

#cart_block #cart-prices {
 padding: 10px 4px;
 line-height: 20px;
 font-weight: bold;
 border-top: 1px solid #999;
 color: red;
}

 

Actually Firebug allows you to live edit the css and see the changes immediately. When satisfied - go and change the file with your favorite text editor. Notepad++ is my personal best.

[lasseulrich]

Place your store url, I'll find it for you

Really can´t get this to work, would like to get the "Lägg i varukorgen (Add to cart)"-text to be in white.

URL: http://109.73.160.138/~pryltoki/index.php?id_category=4&controller=category

 

Help is much appreciated.

[Joel Bardsley]

In product_list.css add this:

 

#product_list a.button {
 color: white;
}

 

Should result in how you want it.

[lasseulrich]

In product_list.css add this:

 

#product_list a.button {
 color: white;
}

 

Should result in how you want it.

Thanks a lot Joel!