How to change product tabs color and border

Hi

how to customize product tabs color and border as the picture below.
thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL I will check and give CSS.

Best Regards

URL at below please check
I like it globally to too product tab.
if there is a plugin that can customize the product tab please bring in.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .tabs-layout-tabs .tabs li a {
    padding:10px 20px;
}
body .product-tabs-wrapper {
    border-top: 1px solid transparent; 
    border-bottom: 1px solid transparent; 
}
.tabs-layout-tabs .tabs {
    border-bottom: 1px solid rgba(119,119,119,.2);
	  border-top: 1px solid rgba(119,119,119,.2);
	  background:rgba(119,119,119,.2)
}
.tabs-layout-tabs .tabs li.active {
    background:red;
}
body .tabs-layout-tabs .tabs li{
        margin:0;
}
body .tabs-layout-tabs .tabs li a:hover{
        background:red;
}
body .wc-tabs-wrapper {
	border-left: 1px solid rgba(119,119,119,.2);
	border-right: 1px solid rgba(119,119,119,.2);
}
body .wd-tab-wrapper{
       padding:0 20px;
}

Best Regards

[Author]

Posts