CSS id doesn't work

[Sir Osis of Liver]

I've added this id to format page index in Display.template.php -

Code Select Expand



#pageindex
{
color: #FFF;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 0 3px 0 3px;
}



If I do this in the template, it has no effect -

Code Select Expand



<div id="pageindex" class="margintop middletext floatleft">', $txt['pages'], ': ', $context['page_index'], !empty($modSettings['topbottomEnable']) ? $context['menu_separator'] . ' &nbsp;&nbsp;<a href="#lastPost"><strong>' . $txt['go_down'] . '</strong></a>' : '', '</div>



If I put same formatting inline, it works -

Code Select Expand



<div style="color: #FFF; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 0 3px 0 3px;" class="margintop middletext floatleft">', $txt['pages'], ': ', $context['page_index'], !empty($modSettings['topbottomEnable']) ? $context['menu_separator'] . ' &nbsp;&nbsp;<a href="#lastPost"><strong>' . $txt['go_down'] . '</strong></a>' : '', '</div>



What am I missing?

[Arantor]

Is there other styling on the same id later in the file?

[Gwenwyfar]

Use the inspector to check for any other styles overriding the one you added (or if they are getting through at all)

[Sir Osis of Liver]

Is there other styling on the same id later in the file?

It's a unique id, doesn't appear anywhere else in index.css or Display.template.php.

Use the inspector to check for any other styles overriding the one you added (or if they are getting through at all)

[Gwenwyfar]

I mean the css side of the inspector, with the #pageindex div selected

[Sir Osis of Liver]

It's not showing me #pageindex.  I'm also not seeing similar styling I added to linktree, which is working.

[Arantor]

If you actually click on the element itself, it should show you what styles it thinks are currently applicable to that element, i.e. what styles currently apply to #pageindex. Try that.

[Sir Osis of Liver]

It just shows the three classes, and some inherited styles, none of which look like they'd interfere with #pageindex. 
Just dawned on me you can look for yourself here.  It's supposed to style the page index with shaded bg, similar to the linktree.

[Arantor]

It's inside an unterminated comment. Needs a */ on the previous line.

[Sir Osis of Liver]