nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Confluence CSS Default Classes/IDs

Zack Fair

Where can I find a list of default CSS IDs or classes in Confluence? For example #title-page is the ID selector for the page titles.

Accepted answers

Zack Fair

I was unable to find any articles listing all the selector names for Confluence page elements. I was able to determine a solution:

Open the browsers developer tools (F12 for most browsers)
Use the element picker in the developer tools
Hover your cursor on over the page elements and it will display the class/ID used for that element.

All comments

Jonathan Smith

I found the following Atlassian page helpful when trying to hide elements:

https://confluence.atlassian.com/confkb/how-to-hide-elements-in-confluence-using-css-or-javascript-313458894.html

I was told to hide the 'like button'...

Zack Fair

Pretty useful link...still feels like there should be more and why isn't this somewhere in the documentation?

Zack Fair

I was unable to find any articles listing all the selector names for Confluence page elements. I was able to determine a solution:

Open the browsers developer tools (F12 for most browsers)
Use the element picker in the developer tools
Hover your cursor on over the page elements and it will display the class/ID used for that element.

Elena_Lurye

Hi Zack,

I understand that your question is from last year.. But I was looking for the same thing and found something here - https://confluence.atlassian.com/confkb/how-to-hide-elements-in-confluence-using-css-or-javascript-313458894.html

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

css