Selector to customize Administration Panel Link

I can't seem to find the selector for the admin panel link on the footer, I plan on centering it and modifying it in other ways, can I please have the selector to modify it? Inspect element doesn't seem to find it.

Hi @Forumedic,

Try using

Code: .copyright > strong > a

as the selector for the admin panel link, and to center it, just try using this :

Code:

#page-footer .copyright { text-align:center; }

Also, when looking for selectors try looking at the bottom pane in the inspector :


It'll display the selectors for the parents of the element you inspected. If an element lacks a class, id, etc.. you'll need to craft a "selector set" which consists of multiple selectors, usually the parents of the element you want to modify. In the above example we could use

Code: strong > a

, but this would affect all <strong> elements that contain an anchor. So to make it more specific we can do

Code: .copyright > strong > a

which exponentially narrows down the list of elements we want to style. The ">" means "Direct Descendant", we only use this selector if we're targeting the direct descendants of an element. In this case we'd leave out the direct descendant selector :

Code:

#page-footer .copyright a {
  /* I feel empty.. */
}

We're simply selecting anchors that are inside .copyright, and .copyright's that are only inside the page-footer. It'll only style the anchor though, because that's the last selector in the set ; the one we're targeting !

Thanks! I'll try this out tomorrow when I'm on a computer.

No problem !

Let me know how it works out for you.