Search.../

Tabs CSS Classes

Note: This feature is only available to Wix Studio users.

You can use the classes listed below to style your Tabs elements with CSS.

For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.

.tabs

Targets tabs elements. For example:

.tabs {
width: 100%;
border: none;
border-bottom: 2px solid black;
}
css | Copy Code

.tabs__menu-container

Targets tabs menu containers. For example:

.tabs__menu-container {
background-color: #a2a2fc;
}
css | Copy Code

.tabs__container

Targets tabs containers. For example:

.tabs__container {
background-color: #cbc3e3;
}
css | Copy Code

.tabs__scroll-button

Targets tabs scroll buttons. For example:

.tabs__scroll-button {
color: #FF0000;
}
css | Copy Code

.tabs__item

Targets tabs items. For example:

.tabs__item {
padding: 5px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
css | Copy Code

Was this helpful?