如何使用Tabby响应式标签插件为WordPress标签添加颜色?

huangapple go评论44阅读模式
英文:

how to give color to a wordpress tab using tabby responsive tabs plugin

问题

I am using tabby responsive tabs plugin to make this tabs but I want when the page load the first tab get orange color and when I click on another tab the color change with my code now it just gives color when I click on it

.responsive-tabs__heading,
.responsive-tabs__list__item {
    font-weight: bold!important;
    color: black!important;
    background-color: #E8E8E8!important;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
    background-color: #ff6720!important;
}

如何使用Tabby响应式标签插件为WordPress标签添加颜色?

如何使用Tabby响应式标签插件为WordPress标签添加颜色?

英文:

I am using tabby responsive tabs plugin to make this tabs but I want when the page load the first tab get orange color and when I click on another tab the color change with my code now it just gives color when I click on it

.responsive-tabs__heading,
.responsive-tabs__list__item {
    font-weight: bold!important;
    color: black!important;
    background-color: #E8E8E8!important;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
    background-color: #ff6720!important;
}

如何使用Tabby响应式标签插件为WordPress标签添加颜色?

如何使用Tabby响应式标签插件为WordPress标签添加颜色?

答案1

得分: 0

根据您的实例,我注意到他们将活动选项卡添加了一个活动类:
.responsive-tabs__list__item--active

.responsive-tabs__list__item.responsive-tabs__list__item--active {
    background-color: red!important;
}

如果这对您有效,请告诉我。

英文:

Based on your live example I noticed they add an active class to the active tab:
.responsive-tabs__list__item--active

.responsive-tabs__list__item.responsive-tabs__list__item--active {
background-color: red!important;
}

Let me know if this worked for you.

如何使用Tabby响应式标签插件为WordPress标签添加颜色?

huangapple
  • 本文由 发表于 2023年4月19日 16:37:10
  • 转载请务必保留本文链接:https://go.coder-hub.com/76052382.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定