Change color of background and text of Product description tabs
-
Hello XTEMOS,
This is my product page layout: https://satatech.vn/product/may-quet-ma-vach-zebex-z3100/
There’re 2 tabs within the main product description section, which are: Mô Tả Sản Phẩm & Tư Vấn Sản Phẩm (as you can see in the attached image)
I want to ask you that is it possible to change the background color and the text color of these tabs. I want to make them looks like a button with blue background and white text, so that it’s easy to see.
please guide me if it’s possible
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .single-product-content .tabs li.active a {
color: white;
background:blue;
padding:3px;
}
body .single-product-content .tabs li a:hover {
color: white;
background:blue;
padding:3px;
}
body .single-product-content .tabs li a {
color: white;
background:blue;
padding:3px;
}
Set the colors as per your needs.
Best Regards
Hello Elise,
Thank you a lot, it worked so well.
Have a nice day.
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘Change color of background and text of Product description tabs’ is closed to new replies.
.
