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.

How do I change the size of a link on hover?

View previous topic View next topic Go down

Solved How do I change the size of a link on hover?

Post by CookieWarrior on July 30th 2015, 10:06 pm

Please help!

Sort of like with the navigation bar on here, but for every link. I want the size of the text to be a little bit larger when your cursor hovers over it. Can someone please post a code? Thank you!!


Last edited by CookieWarrior on July 31st 2015, 5:21 am; edited 1 time in total

CookieWarrior
New Member

Female Posts : 4
Reputation : 1
Language : english

http://moviestardreamers.forumotion.com/

Back to top Go down

Solved Re: How do I change the size of a link on hover?

Post by Ange Tuteur on July 31st 2015, 12:09 am

Hi @CookieWarrior,

To change the size of links on hover you'll need to add a rule to your stylesheet. This can be done by going to Display > Colors > CSS stylesheet

Paste this code for changing the font-size on hover :
Code:
a:hover { font-size:13px !important }

To change the size, simply modify 13px to a higher or lower value.

Lastly if you want to add a transition paste this rule :
Code:
a { transition:300ms }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How do I change the size of a link on hover?

Post by CookieWarrior on July 31st 2015, 5:21 am

@Ange Tuteur wrote:Hi @CookieWarrior,

To change the size of links on hover you'll need to add a rule to your stylesheet. This can be done by going to Display > Colors > CSS stylesheet

Paste this code for changing the font-size on hover :
Code:
a:hover { font-size:13px !important }

To change the size, simply modify 13px to a higher or lower value.

Lastly if you want to add a transition paste this rule :
Code:
a { transition:300ms }
Thank you so much!

CookieWarrior
New Member

Female Posts : 4
Reputation : 1
Language : english

http://moviestardreamers.forumotion.com/

Back to top Go down

Solved Re: How do I change the size of a link on hover?

Post by Ange Tuteur on July 31st 2015, 11:12 am

You're welcome ^^

Topic archived

If you have anymore questions, feel free to open a new topic. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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