Link color will not change to the color I want

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Some of my links are blue as I want them to be. New ones will not retain the color I make them no matter what I do. Here is the code that shows the color but the link is orange.
<!... Chicken Cordon Bleu 

...>

They appear orange in Preview and online as well. My domain is http://www.cooksspecial.com
Photo of joe macmillan

joe macmillan

  • 20 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Joe, 
Thanks for sharing this with us. It appears that you have added all of your links using HTML. I will be referring your request to our HTML team who will reply within 48 hours. Thanks for your patience as they review this.
Photo of joe macmillan

joe macmillan

  • 20 Posts
  • 0 Reply Likes
Hi Brianna
To create a link I click and select the word I want to use as a link, I then click on the link item on the action line thus opening the section that prompts me to select the page I want to link to and then I select and that creates the link. I don't physically create an html link.
This may help
Joe
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hello Joe,

I take it that you are a Yola Silver user as the template you have is a Premium Style and those are only available to Yola Silver users.

If you are a Yola Silver user, open the CSS Editor (On the Main Menu in the Sitebuilder, click on the Style button, then click on Edit Custom CSS.). Then add the following to the text area on the left: (Without the <!--- and --->)
<!---
a {
color: (add color code here)
text-decoration: (underline or bold or none)
}

a:hover {
color: (add color code here)
text-decoration: (underline or bold or more)
}
--->

If you are a Yola Free user, add the following code into a HTML Widget on every page that you would like to be affected. (Without the <!--- and --->)

<!---

<style type="text/css">
a {
color: (add color code here)
text-decoration: (underline or bold or none)
}

a:hover {
color: (add color code here)
text-decoration: (underline or bold or more)
}
</style>

--->

Hope this helps,

Kind Regards,

Andi North
Photo of joe macmillan

joe macmillan

  • 20 Posts
  • 0 Reply Likes
Hi Andi
I did this by placing this code into the box but still can't get the links to turn blue.
<!...
a {
color: #0000FF
text-decoration:underline}

a:hover {
color: #0000FF
text-decoration: underline
}
...>

I put it online but no go.
Joe
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi Joe,

Sorry, I forgot to add the ; to the end of the lines!

Try this code:

a {
color: #F00;
text-decoration:underline;
}

a:hover {
color: #900;
text-decoration: underline;
}

Kind Regards,

Andi
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
The color code you used was wrong as well - #0000FF is wrong, it should be #FF0000 or #F00 for short. This colour is red.

I have also added in the code that you have a hover effect of dark red - this looks better!
Photo of joe macmillan

joe macmillan

  • 20 Posts
  • 0 Reply Likes
The color is now red but I wanted blue so I will get a color code and try that.

Thanks Andi, much appreciated.

Joe
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problem Joe!

I would recommend: http://www.colorpicker.com/

Very good for finding any colour you like!

Kind Regards,

Andi
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks so much Andi for your assistance on this!
Photo of joe macmillan

joe macmillan

  • 20 Posts
  • 0 Reply Likes
Excellent. Thanks Andi

Joe