The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Toolbar Login/Register link selectors

View previous topic View next topic Go down

Solved Toolbar Login/Register link selectors

Post by Gray on Wed Dec 07, 2016 11:01 am

I've been using the selectors provided in this thread, and they have been very helpful. However, in that thread, I cannot seem to find any selectors for the login and register links. Any help in this matter would be greatly appreciated.


Edit: (Solution, credits to Draxion)

@Draxion wrote:
Code:
#fa_right a:hover {
  text-shadow: 0 0 4px red !important;
}


Last edited by Gray on Thu Dec 08, 2016 12:15 am; edited 2 times in total

Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on Wed Dec 07, 2016 11:22 am

Hi there, can you post your forum URL? Thanks.
avatar
Draxion
Helper
Helper

Male Posts : 1038
Reputation : 156
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on Wed Dec 07, 2016 12:16 pm


Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by SLGray on Wed Dec 07, 2016 2:05 pm

The reason why you can not locate them is that there is not a selector for each link. The selector is for the links and the arrow.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38470
Reputation : 2587
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on Wed Dec 07, 2016 2:12 pm

As @SLGray said they are the same selector, but if you still want them it is this...

Code:
.rightheaderlink { CSS }

Have a good day!
avatar
Draxion
Helper
Helper

Male Posts : 1038
Reputation : 156
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on Wed Dec 07, 2016 11:42 pm

It's a shame that there are no specific selectors for those. My intention was to add a text-shadow to the links when the cursor hovers over them. The CSS code I used to apply this to the other links in the toolbar is as follows:

Code:
#fa_welcome:hover, #fa_notifications:hover, #notif_unread:hover {
  text-shadow: 0 0 4px red !important;
}

Is there any workaround that I can use to apply the above effect to the login and register buttons in the toolbar?

Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on Wed Dec 07, 2016 11:44 pm

Yes, just add what I put to the code.

Like this...

Code:
#fa_welcome:hover, #fa_notifications:hover, #notif_unread:hover, .rightheaderlink:hover {
  text-shadow: 0 0 4px red !important;
}
avatar
Draxion
Helper
Helper

Male Posts : 1038
Reputation : 156
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on Wed Dec 07, 2016 11:54 pm

@Draxion wrote:Yes, just add what I put to the code.

Like this...

Code:
#fa_welcome:hover, #fa_notifications:hover, #notif_unread:hover, .rightheaderlink:hover {
  text-shadow: 0 0 4px red !important;
}

I updated the code to include your addition, but the login/register buttons still don't have a red shadow when hovered over, as you may notice on the site.

Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on Wed Dec 07, 2016 11:55 pm

What did you want to have happen when you hover over them then?
avatar
Draxion
Helper
Helper

Male Posts : 1038
Reputation : 156
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on Thu Dec 08, 2016 12:04 am



^That shadow over the Notifications link appears when the cursor hovers over it. This is done through the code that I tagged earlier. I want that same effect to appear when guests hover over the login and register links in the toolbar also. And this still does not happen after having added the .rightheaderlink:hover selector to that code.

Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on Thu Dec 08, 2016 12:10 am

Okay, try this instead.

Code:
#fa_right a:hover {
  text-shadow: 0 0 4px red !important;
}
avatar
Draxion
Helper
Helper

Male Posts : 1038
Reputation : 156
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on Thu Dec 08, 2016 12:14 am

@Draxion wrote:Okay, try this instead.

Code:
#fa_right a:hover {
  text-shadow: 0 0 4px red !important;
}

That did the trick! Thank you very much! I shall edit the original post with the solution and mark the thread as solved.

Gray
New Member

Posts : 20
Reputation : 1
Language : English

http://www.theromancedawnrp.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by APE on Thu Dec 08, 2016 1:47 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 9870
Reputation : 914
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


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