Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Changing text colour in boxes


Recommended Posts

Hi there, I have been playing with the CSS of my website, and have changed the colour for text in the side boxes. The thing is it only changed the headers and contents of some boxes, not all..



What I want to know is why not ALL of the text has changed colour. Can somebody please help me out?


Thanks, Sammin

Link to comment
Share on other sites

I'm using version 2.3.1 and in the style sheet at:


.infoBoxContainer {

font-family: Verdana;



.infoBoxHeading {


padding: 2px;

font-size: 11px;

background-color: #666666;


I added "color: #000000;" underneath each section, and it only turned the text black in some boxes, but not all of them.

Link to comment
Share on other sites

for the infobox headings use


#columnLeft .ui-widget-header, #columnLeft .ui-widget-header a, #columnRight .ui-widget-header, #columnRight .ui-widget-header a{color:#f00}


For the info box contents use


#columnLeft .ui-widget-content, #columnLeft .ui-widget-content a, #columnRight .ui-widget-content, #columnRight .ui-widget-content a{color:#f00}


Alternatively you can go and create a new theme using themeroller and set any colors you want right away

Link to comment
Share on other sites

Thanks for the help with that, it has sorted the problem I had, although there is another.


The product filters, e.g Product Name, Manufacturer etc. are still white, I want them black also. I want black text everywhere on my website and can't figure out how to do it.

Link to comment
Share on other sites

The general text color is usually defined in the body in your css


It could be that the <select> have an other special rule, it's impossible to say like that.


I guess you have a template, text is not white usually, can you say your url?

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...