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; } } }

Unable to add any CSSS to page without navbar formatting errors

Sadie Stokes

I am trying to use custom css on my confluence space and when adding anything or even adding a link to a blank stylesheet the navbar completely loses its formatting. This only happens on one of my spaces but not sure what the issue is. For example if I add just the following to my space tools stylesheet:

#aui-header{

background-color: black;

}

it makes the change to the header but it completely removes the formatting of the navbar which means I can't change anything.

Can anyone help?

Accepted answers

All comments

Brant Schroeder

@Sadie Stokes Welcome to the Atlassian community

Can you share some screenshots of how you are implementing the change? Also are you using an app, if yes which one?

Sadie Stokes

yes here is my navbar without formatting, text looks and behaves normally. And below that is when I add the background color to the devheader. I change nothing else and it throws off the entire navbar.

No other apps being used, just making a change in the stylesheet.

Brant Schroeder

@Sadie Stokes I was able to apply the following without any issue:

#header .aui-header {background-color: #000; color: #fff; }

If you use that CSS and type it in what happens?

Sadie Stokes

@Brant Schroeder same result. It does change the background color but the navbar still gets all wonky like it does above. Literally no matter what I change or if I just add a link to the stylesheet with nothing in it, the navbar messes up.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

data-center

css

confluence-data-center

styling