eCommerce construction > How-to questions
Product tab color and background
(1/1)
user88:
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?
Basara:
Hello.
The attribute CSS selectors may help you
--- Code: ---li > a[href="#review"] {
background-color: aquamarine;
}
--- End code ---
user88:
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?
user88:
Hi,
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.
Thanks
llegrand:
look in the
/storefront/view/default/stylesheet/bootstrap.css
locate this sections - change the background color
nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
Navigation
[0] Message Index
Go to full version