Skip to main content
Skip table of contents

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:

.aui-tabs.horizontal-tabs>.tabs-menu> a::after {
    background: red;


Related Content

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.