Home › Forums › WoodMart support forum › How to change product tabs color and border

How to change product tabs color and border

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 6, 2021 at 4:46 pm #311191

    nick122
    Participant

    Hi

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

    Attachments:
    You must be logged in to view attached files.
    August 7, 2021 at 10:21 am #311272

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    August 7, 2021 at 11:39 am #311289

    nick122
    Participant

    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.

    August 8, 2021 at 11:47 pm #311471

    Elise Noromit
    Member

    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
Viewing 4 posts - 1 through 4 (of 4 total)