The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Hover effect fail

3 posters

Go down

Solved Hover effect fail

Post by Mimóza February 13th 2016, 1:06 pm

Hello again,
I tried to add a hover effect to my "nav bar" (Home - Members - Groups), but it's not really working. :o
Here's the code I used. I added it to the CSS.

Spoiler:
Anyone could help me to make it work, please? Very Happy
Forum link:


Last edited by Mimóza on February 13th 2016, 6:57 pm; edited 1 time in total
Mimóza
Mimóza
Forumember

Female Posts : 676
Reputation : 278
Language : Hungarian, English

https://graphicballoon.forumotion.com/

Back to top Go down

Solved Re: Hover effect fail

Post by Ange Tuteur February 13th 2016, 1:57 pm

Everything seems to checkout fine.. Think

Just to make sure go to Admin Panel > Colors > CSS stylesheet and see if "Optimize your CSS" is set to "no". I remember that this optimization can sometimes invalidate CSS animations.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Hover effect fail

Post by Mimóza February 13th 2016, 2:04 pm

Wow, that worked! Very Happy Thank you!!! Very Happy 

Can I ask for a bit more help? Hover effect fail 1852325475 Would it be possible to make each button separated, so for instance, when I hover over the Home button, the other two won't hover with it? Very Happy
Mimóza
Mimóza
Forumember

Female Posts : 676
Reputation : 278
Language : Hungarian, English

https://graphicballoon.forumotion.com/

Back to top Go down

Solved Re: Hover effect fail

Post by Ange Tuteur February 13th 2016, 5:54 pm

Oh yeah, try changing each instance of
Code:
.ipsList_inline
to
Code:
.ipsList_inline a
so that it only applies to each individual anchor ( or link ) inside the ipsList.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Hover effect fail

Post by Mimóza February 13th 2016, 6:56 pm

Perfect, solved! ~1~
Thank you soo much!  Bow 2
Mimóza
Mimóza
Forumember

Female Posts : 676
Reputation : 278
Language : Hungarian, English

https://graphicballoon.forumotion.com/

Back to top Go down

Solved Re: Hover effect fail

Post by Ape February 13th 2016, 7:12 pm

Topic solved and archived


Hover effect fail Left1212Hover effect fail Center11Hover effect fail Right112
Hover effect fail Ape_b110
Hover effect fail Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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