IMPORTANT

FM Design will be closing soon, please click here for more information.

Latest topics
» Forum Closure
by brandon_g Yesterday at 17:00

» [GAME] Countdown from 200,000
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] Count to One Million!
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Asking about some plugin for Forumotion
by SarkZKalie Wed 06 Dec 2017, 09:14

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

» Numbering of messages in the topic
by SLGray Mon 04 Dec 2017, 22:40

» Support Forums and Social Networks
by SLGray Mon 04 Dec 2017, 22:38

» Browsers & Updates
by Wolfuryo Mon 04 Dec 2017, 15:20

» Logo/Favicon
by Mr_Grande Mon 04 Dec 2017, 09:55

» Broadcasting Duo
by brandon_g Sun 03 Dec 2017, 11:01

» IconSkouliki Graphics
by skouliki Thu 30 Nov 2017, 07:59

» [HELP] About Profile Cover Code
by omarpop23 Thu 30 Nov 2017, 04:17

Recent Tutorials
Who is online?
In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Selector to customize Administration Panel Link

View previous topic View next topic Go down

avatar
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 757
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 01 Aug 2016, 20:37

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.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9615
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 01 Aug 2016, 21:20

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 !
avatar
Forumedic

Title :
Gender : Unspecified
Posts : 130
Points : 757
Reputation : 14
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.forumpromocean.com

PostForumedic on Mon 01 Aug 2016, 22:27

Thanks! I'll try this out tomorrow when I'm on a computer.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9615
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 01 Aug 2016, 22:34

No problem ! Wink

Let me know how it works out for you. Smile

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum