How do I make all my links blue?

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I wanta make all my links inside my site blue but I cant change the color by using the toolbar. The links always stay black no matter what I do. Plzzzz help!!
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
  • frustrated

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Larissa,

You can add this code to an HTML widget on each page:

<style type="text/css">
A:link {color: blue;}
</style>
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
Ok I did what you said and some of my links did turn blue but some of them didnt. I tried highlighting the ones that didnt turn blue and tried turning them and they still didnt turn..Plzzz help again

you can see here www.makeasitefree.com
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Larrisa,

Any text in a widget won't change colour by this method. If it's a Yola panel or HTML widget with text links for example you will need to change that manually as you've suggested.

If it's third party stuff then you may not be able to change it unless you can get the complete code.
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
On the front page of my site I made a link list on the right hand side of my site and at the bottom where is says site map on some of the pages where im linking my pages to other pages in my site, the colors will not change to blue.

www.makeasitefree.com
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
I want my links to be blue with a black underline. When hovered all black. When visited gray. Thanks
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
The separate colour of an underline relative to the text is a bit complex. It would take me too long to work through it.

I can give you the blue underline with the blue text:

Add this to each page of your site where it would be used.

<style type="text/css">
a:link {
text-decoration: underline; !important
color: blue; !important
}
</style>


Do you have Yola Silver?
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
I tried that and it didnt work either. :-(
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK. That means that the widgets are pulling in the styling which has some priority. I think the only way of addressing this is to change the site CSS and you need Yola Silver for this I think.

Can you tell me if you have Yola Silver subscription?
Photo of Larrisa

Larrisa

  • 6 Posts
  • 0 Reply Likes
Yes i have yola silver but i don't know anything about css..i know where to change it at but i dont know how to.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Larrisa

To change the colour of the links on your pages, please add this code to your CSS Editor:
a:link {

color: #333333;
}

Replace the colour code "#333333" (which stands for a greyish black) by the colour code of your desired colour. For help with colour codes please see our colour code chart or Cloford.

To change the colour of your navigation menu links, please add this code to your CSS Editor:
#menu ul li a {

color: #xxxxxx;
}

Replace again "#xxxxxx" by the colour code you want.

Please note that these settings will apply to all pages of your website.

If you need help using the Yola CSS Editor, please see our tutorial How to edit your Site CSS.