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 December 7th 2016, 5:01 pm

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 December 8th 2016, 6: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 December 7th 2016, 5:22 pm

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on December 7th 2016, 6: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 December 7th 2016, 8: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 : 40203
Reputation : 2716
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Draxion on December 7th 2016, 8: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!


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on December 8th 2016, 5:42 am

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 December 8th 2016, 5:44 am

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
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on December 8th 2016, 5:54 am

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 December 8th 2016, 5:55 am

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on December 8th 2016, 6: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 December 8th 2016, 6:10 am

Okay, try this instead.

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1713
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Toolbar Login/Register link selectors

Post by Gray on December 8th 2016, 6: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 December 8th 2016, 7:47 pm

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



avatar
APE
Manager
Manager

Male Posts : 10669
Reputation : 996
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