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

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
avatar
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 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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! 
avatar
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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