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

[Author]

Posts