Why does style macro in Confluence not correctly format every section of the page?

[Sandeep Dhindsa]

I have created a confluence page with 3 'span' macros. 

Each of these span macros have a class "template".

I have created a style macro for the template reading: 

.template {

font-family: Calibri;

color: black;

font-size: 14.5px;

}

However, only 2 of the 3 spans work for this template. Why is this?

[Sharon Hinde]

Hi Sandeep,

whenever I'm struggling to override Confluence styling in the editable page area I add .wiki-content to the front of my styles.

Try

.wiki-content .template {
    your styles...
}

[Shawn]

Sharon, 

can you give a full example on how to do this?

[Sharon Hinde]

Hi Shawn,

can you tell me what you are trying to achieve and then I can give a more accurate example.

Sharon

[Shawn Edstrom]

Hi Sharon,
I really am trying to figure out how to indent bullets

[Robert Reiner _smartics_]

I'm quite bad with designing with CSS so I probably should not try to give advice ...

... but whenever I'm puzzled about selector issues, I finally find a selector that is more specific than the class I have defined. Maybe this is the case in your context, too?

Maybe have a look at Specifics on CSS Specificity?