Problem with stylesheet in Confluence

[DanielG]

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!

[Sean Curtis · Accepted solution]

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.

[DanielG]

You got the reason! Thanks Sean!

Best regards,

Dani

[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.

[Daniel Jonsson]

Hi,

Try this:

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

/*your style here*/

}

[DanielG]

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!