Project Home
Manuals
Contact Us
Download
Demo
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email
?
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News:
AbanteCart v
1.4.0
is released.
Home
Help
Search
Calendar
Login
Register
AbanteCart Community
»
eCommerce construction
»
How-to questions
»
Product tab color and background
« previous
next »
Print
Pages: [
1
]
Author
Topic: Product tab color and background (Read 4737 times)
user88
Jr. Member
Posts: 96
Karma: +16/-0
Product tab color and background
«
on:
January 31, 2021, 09:52:22 PM »
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?
Logged
Basara
Administrator
Hero Member
Posts: 5899
Karma: +284/-2
Re: Product tab color and background
«
Reply #1 on:
February 01, 2021, 01:18:28 AM »
Hello.
The attribute CSS selectors may help you
Code:
[Select]
li > a[href="#review"] {
background-color: aquamarine;
}
Logged
Please
rate your AbanteCart experience
or
leave your review
user88
Jr. Member
Posts: 96
Karma: +16/-0
Re: Product tab color and background
«
Reply #2 on:
February 17, 2021, 03:56:59 PM »
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?
Logged
user88
Jr. Member
Posts: 96
Karma: +16/-0
Re: Product tab color and background
«
Reply #3 on:
February 26, 2021, 03:21:12 PM »
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
Logged
llegrand
Hero Member
Posts: 1809
Karma: +526/-7
Re: Product tab color and background
«
Reply #4 on:
February 26, 2021, 05:05:19 PM »
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;
Logged
Print
Pages: [
1
]
« previous
next »
AbanteCart Community
»
eCommerce construction
»
How-to questions
»
Product tab color and background
Powered by SMFPacks Social Login Mod