eCommerce construction > How-to questions

Product tab color and background


Hi everyone,

On my site, the product tabs are not easily recognized. They kind of get lost in the background, especially my "downloads" tab.

How can I change the tab background and / or text color to make product tabs more identifiable?

The attribute CSS selectors may help you

--- Code: ---li > a[href="#review"] {
    background-color: aquamarine;
--- End code ---

Hi Basara,

I looked for that code in my style.css for my theme and couldn't find it. Should I add this as a new line in the style.css of my theme file? Or does it go elsewhere?


If anyone knows how to change the background color in product page tabs (Description / Reviews / Related products / Downloads), I would appreciate if you would explain me how or at least point me to the right file and code that modifies those tabs. I haven't been able to figure it out.


look in the

locate this sections -  change the background color

nav-tabs > > a,
.nav-tabs > > a:hover,
.nav-tabs > > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;


[0] Message Index

Go to full version
Powered by SMFPacks Social Login Mod