PUBLISHED: MARCH 06, 2014 – ARTICLE: HOW TO CHANGE LINK TEXT SIZE

Change link text size is done from your CSS code, you can have your link text any size you want. Find the CSS code for your links in your CSS stylesheet and change the font size to what ever you want.

In your CSS code look for a code like below:

a:link {
/* unvisited link */
text-decoration: underline;
font-weight: none;
font-size: 20px;
color: #C00000;
}

Next change link text size where it says font size to the size you want.

You can also Change Link Text Size on more than one link on same page

You can have hyper-links that are different sizes and colours on the same page by creating a new CSS code and link code and using it when creating a website.

In each link you will be able to change link text size and link colour. Each link will have its own unique code and the same code will be in the CSS code.

Samples:

How To Create a Website

How To Create a Website

To have different link text size on the same page copy the below CSS and HTML link code.

CSS Code

.bb7{margin-left:1.0em;font-size:24px;font-weight: none }
.bb7:link {
color: #FF0000;
text-decoration: none; 
 }
.bb7:visited {
color: #FF0000;
text-decoration: none;  
 }
.bb7:hover {
color: #0000ff;
text-decoration: underline;
 }

HTML Code

<a href="http://www.yourlink.com/" title="link title goes here" onclick="gbar.qs(this)" class="bb7">Anchor Text Here</a>

How Does It Work

We include (bb7) in the CSS and link code so what ever you put in the CSS code the hyper-link will do.

You can adjust the margin of the link to the left, text size, if you want it normal or bold and the text colours.

If you want to have more than one link on the page with a different text size change (bb7) to (bb8) in the CSS and link code.

You can change link text size on several of your links using this method.