cancel
Showing results for 
Search instead for 
Did you mean: 

Tiny font for text with hyperlink

Joan
Member
I have followed the standard procedure for inserting a hyperlink into text, but when I do this the text font becomes tiny and the font changes. I have tried to increase the size and font of the text using the font tool but it doesn't work. What can I do?
1 ACCEPTED SOLUTION

Accepted Solutions

dave
Guru

You can change the hyperlink font / size / colour by doing the following:

 

Once you have applied the hyperlink, add a space to the end of the text, then highlight the text from the right including the space.

 

This will then allow you to edit the font properties, rather bringing up the link destination box.

 

You can then remove the space afterwards.

 

This method may not work in Firefox and may only work in Internet Explorer.

View solution in original post

12 REPLIES 12

orchie
Grand Master
Hi Joan, can you post your website address and let us know which package you are using?

beermatt
Member

Hi.  I suspect that you have a conflict between your chosen font/size and your CSS (cascading style sheets).  If you don't know, CSS is a way of globally controlling aspects of your site.  There will be a class in your CSS which determines the appearance of links and this is overiding what you have chosen.  You can change the appearance for all links in your CSS, or you can make sub-classes so links can have different appearances.

As Orchie said it would be helpful if you would post your site address and give details of how you made it.

Matt.

pete33
Member

Hi Joan,

 

I am building a website using easysitewizard pro and I am experiencing exactly the same problem. I set the font size but then when making it into a hyperlink the font size and colour changes to a tiny grey font almost invisible on the webpage. Have tried everything to change it without success.

Hope someone else can solve this as it must happen to so many others.

 

Regards,

 

Pete

beermatt
Member

Hi Pete, again if you could post a link to the page in question it would be helpful.

Matt.

pete33
Member

Hi Matt,

 

Thanks for your help.

 

My webpage is www.donika.co.uk/index.html

 

I have two hyperlinks at the bottom of the page which are hardly visible.

 

Many Thanks,

 

Pete

beermatt
Member

Hi Pete.  I am not an expert but you seem to have 2 style sheets that are referred to by this page.  You can see this by choosing view source from the view menu in your browser.  They are called default.eswstyle.css and default.msie.eswstyle.css.  I would think that one or both of those is causing your problems.  You will find them in your public folder on your hosting.  If you know how you could edit them (either in notepad or a html editor).  Or you could email them to me and I could take a look at them tonight.  I don't want to post my email here but you can use the contact form on my site www.goldenumber.co.uk

Good luck, Matt.

pete33
Member

Thanks Matt, I really appreciate your advice.

 

I'm trying to understand more about how these things work, so I will give this a try myself and see if I can make the changes.

No guarantee that I will manage it myself so you could still hear back from me......but fingers crossed!

 

Thanks again for your help!

 

Regards,

 

Pete

Joan
Member

Hi All

 

My website address is http://home.btconnect.com/joanbennett/ which I have built with Easysite Wizard pro. I would really appreciate someone sorting out my CSS for me as it all sound a bit complex.

 

Thanks very much for your help.

orchie
Grand Master

Hi Joan,

 

As per my PM, switch to HTML mode and paste the following somewhere in the code, preferably before the </head> tag, if not before the </body> tag and let me know  if it works, it does in my test.

 

<style type="text/css"> <!-- a { font-size: large; } --> </style>