How do I change the color of a tab line?

Cascading Style Sheets (CSS) are an industry-standard way of styling a web page. The content of a page is rendered with HTML, and its look and feel is determined by CSS files.

You can upload a CSS text file or type in a stylesheet, and apply it to a space or even a whole Confluence site.

Note: By default, only system administrators can edit the CSS for a space or for the site. To allow any user with Space Admin permissions to edit the CSS for a space, go to

→ General Configuration → Security Configuration and select Custom Stylesheets for Spaces.

Enter the following style sheet to change the line color, replace red with the wanted color:

CODE

.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::before {
    background: red;
}

.aui-tabs.vertical-tabs>.tabs-menu>.menu-item.active-tab a::before {
    background: red;
}

Example

Related Content