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

Problem with stylesheet in Confluence

Daniel Garcia12

Hi,

I made this stylesheet in my Confluence:

span#title-text.with-breadcrumbs {  

color:transparent;  
  
background-image: url('URL IMAGE'); 

background-repeat: no-repeat; 
 
display: block; 
 
height: 60px;
  
}

Image is showing OK in Dashboard :

But when I go to space, it's NOT ok...

I don't want to show logo in space, but it's the same class (CSS) in Dashboard. It's possible to create a new class to only show logo in Dashboard?

Can anybody help me?

Thanks!

Accepted answers

Sean Curtis

Change your selector from...

span#title-text.with-breadcrumbs {
  ...
}

to this...

body.dashboard #title-text {
  ...
}

There's no need for the with-breadcrumbs class addition. Basically just find something different between the pages which you can use to differentiate the style.

All comments

Daniel Jonsson3

Hi,

Try this:

a[href="/homepage.action"] img {

/*your style here*/

}

Daniel Garcia12

I don't understand your answer. I want to 'hide' logo in tittle space, but SHOW in my Dashboard... I put try this:

a[href="/homepage.action"] img {
span#title-text.with-breadcrumbs { 
color:transparent;  
background-image: url('URL IMAGE'); 
background-repeat: no-repeat; 
display: block; 
height: 60px;    
}
}

But don't work!

Steffen Heller

Just a general hint:

You must compare the two occurances of that image (in dashboard and space) and try to find differences in the html code around the image. This is not possible in confluence directly. You will need a tool like Firebug for this. If there are differences you can try to make use of them and define different CSS, one with "display: none" and one without.

Sean Curtis

Change your selector from...

span#title-text.with-breadcrumbs {
  ...
}

to this...

body.dashboard #title-text {
  ...
}

There's no need for the with-breadcrumbs class addition. Basically just find something different between the pages which you can use to differentiate the style.

Daniel Garcia12

You got the reason! Thanks Sean!

Best regards,

Dani

Welcome!

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

Quick Links

Find more posts tagged with

confluence

dashboard

css