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

how to change css / text-decoration of the "Log in " link?

hans-peter.geie

On a confluence instance with anonymous access enabled, I like to create more visibility if the user is not logged in.

The "Log in" link at the top left should become more evident, e.g. by different color, style or background.
I assume this can be done through the system stylesheet ?
Perhaps something similiar to

.login-link a {
color:red
text-decoration:bold !important   
}

Does someone know the exact spelling?

Accepted answers

Dennis Kromhout van der Meer

It's not a class but an id instead. Therefore try this:

a#login-link {
color:red
text-decoration:bold !important  
}

You can add this at Admin -> Look and Feel -> Stylesheet

All comments

Dennis Kromhout van der Meer

It's not a class but an id instead. Therefore try this:

a#login-link {
color:red
text-decoration:bold !important  
}

You can add this at Admin -> Look and Feel -> Stylesheet

hans-peter.geie

thanks for your fast response.
it works. (I did also leave out the semicolons in my question)

I'm using this now:

a#login-link {
color:red;
background:yellow;
font-weight: bold;
}

Dennis Kromhout van der Meer

Great to hear! I wrote this on the fly and forgot the semicolors :P

Welcome!

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

Quick Links

Find more posts tagged with

confluence