Can you change the default color of links?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
Is there a way to bypass or change the default colors of a link? What part of the html indicates it cannot be changed? No matter how many times I try to change the color to blue instead of the dull bland default color it won't let me until I delete the end tag /A and doing this often causes other problems.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
  • http://youcanneverbetoosmart.synthasite.com

Posted 10 years ago

  • 1
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Could an employee verify the following?...

If I was to change < /A >< /FONT >< /P >

to

< /FONT >< /FONT >< /A >< /P >

of course... without the spaces.

I figured this out from looking at an html with a blue link versus one with the default color... changed the ending code as above... went back to change the link to blue... and then it worked.

Is there some way Yola can make the second choice as the default code instead of the first one. It should be our choice what color the links should be... not the template's choice. A very dark burgandy (almost black) link is not very pleasant and among black text is almost impossible to tell it's a link.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
if you'd like an example of the default color of a link that is very difficult to change it's color... visit my home page and at the end of the featured article where it says (more...) I deliberately kept the link it's default color. http://youcanneverbetoosmart.synthasi...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Donald.

Try to use this code and see if this works. This particular code does not have an underline though.

<!--<a style="text-decoration:none" href="http://YOUR SITE'S URL><font color="#42ba12">PUT YOUR TEXT HERE</font></a>-->

You can change the color to what you want.

Let me know if this did the trick or not.
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
ok, I'm sorry to keep bothering you but I've used this as you told me and now my links are not enabled...
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
Ok, I've got it now, I had to start over, couldn't use the code as it is above for some reason the links would not work, anyway I had to use the <style a:link { }
a:visited { }
a:hover { }
a:active { }
code at the beginning of my page, which previously had not worked for me!!! Really do not understand that, however once doing this my pictures were still underlined and I had to use a special trick to omit those lines... Thanks anyway & sorry for bothering you so much... LOL
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi A - Littelus has missed out the " at the end of the URL. thats why it wont work it should read like this <!--
<a style="text-decoration:none" href="http://YOUR SITE'S URL>"<font color="#42ba12">PUT YOUR TEXT HERE</font></a>
-->
PS. a :link will not work in most styles - hover active and visited do.
PPS - if you add a color to a link it will override any CSS - Littleus has added a font color, to change a link color would be: a style="color:#000000" href=....

Hope this helps - Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for catching that Lee. Typed too fast! =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
dont we all sometimes?
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
well... I'm trying to figure an easy way out. I do know, that if I need to, I can copy the html from a link properly formatted then just change the text and url. I'm hoping Yola can fix this and make it so that all templates will have a "change it to your own color" code. like the example I provided above. The one ending tag works and the other doesn't. Yola should change the default html so that the color of the link can be changed no problem. Do you have any issues with changing the color of your links? It could just be this particular template... but I'd like to keep it without the hassels.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Try this code:

<!--<div><style type="text/css"> a {text-decoration: none; font-family:Verdana; font-size: 10pt;} a:link {text-decoration: none; color: rgb(93, 196, 211);} a:visited {text-decoration: none; color: rgb(93, 196, 211);} a:hover {text-decoration: none; color: rgb(234, 99, 116);} a:active {color: rgb(66, 186, 18);text-decoration: none} </style>--> Put this code high up on your site. This will change all your text links.

You can change the following to suit your taste

font-family
font-size
color
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
just had a question... do you know what "permalink" is? I often see it in html's and the quotations " " are usually empty.
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
I believe it is sort of the path name of the link/item or where this item can ALWAYS be found.. In other words it's the link's URL on your site, some people do not use it, but if your links are used on a ratings or other kind of tallying system it is useful. It keeps your linked items organized and shown correctly. Ultimately It is not necessary.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
simply means permanent link - where the source always is .
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
ok... I kind of thought it might mean "permanent".. just wasn't sure what html considered a permanent link was.