Spiga

Pages

Change Text Size at Hover Link



When you pointing mouse cursor at a link, the underline will appear on the link but the size of link same like the other text, just like the ordinary blog
But if you want different appearance link on your blog, you can change the link size, so when the cursor pointing at the link, than the link size will bigger than the other
How to Hack:

1. Layout > Edit HTML and find this code

a:hover {
color: $mainVisitedLinkColor;
Text-decoration:underline;
}

2. Change the code become like this:

color: $mainVisitedLinkColor;
Text-decoration:underline;
font-size: 125%;
}

you can change the red code size as you like

Oh one more thing, you also can remove underline at link text by change the blue code from underline to none, just like this
a:hover {
color: $mainVisitedLinkColor;
Text-decoration:none;
font-size: 125%;
}
and than click Save Template
there you go two hack at the same time, it's easy

0 comments:

Search Here

Custom Search