'border-radius' - How to change globally?

Reinhold Wagner

Hi, 

I am searching for a while now... 

I would love to change the 'look & feel' of the border-radius globally in confluence (confluence server) to fit our CI.

Examples (CSS) are well explained here.

So the questions is, how & where to change the border-radius globally in confluence?

border: 0.5px solid #000000;
border-radius: 0px; 

Any suggestions would be awesome! 
Thanks very very much!

 

 

Shannon S

Hi Reinhold,

You can change CSS in Confluence globally from the Global Stylesheets:

Styling Confluence with CSS:

To edit your global CSS stylesheet:

1. Choose the cog icon , then choose General Configuration under Confluence Administration
   
2. Choose Stylesheet.
3. Choose Edit.
4. Paste your custom CSS into the text field.

5. Choose Save. 

Note: 

• The new CSS will be visible across all spaces, provided they do not define their own custom stylesheet and are not using a theme. This CSS will also overwrite all styles defined in custom global themes.

• You may be able to add CSS to your site by choosing Custom HTML in the administration section, and adding your CSS definitions to the HEAD or BODY of the page. You should only use this option if you cannot achieve the desired results via the global stylesheet.

To change the radius and borders just on all tables, I used this:

.wiki-content .confluenceTh,
.wiki-content .confluenceTd {
 border: 0.5px solid #000000;
 border-radius: 0px; 
}

Let me know if you have any questions.

Regards,
Shannon