Text won't change colour

  • 1
  • Question
  • Updated 8 years ago
Linked underlined text won't change colour! Help please!
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
  • confused

Posted 8 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Gabriel,

I'm sorry to hear you are having this problem and would like to help get it worked out. Can you tell me your domain name, the pages where the link color changing doesn't seem to be working, and how you are trying to change the link color; we can then have a closer look.

Kind Regards,
Emmy
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hello Gabriel,

I think I know why, it is because it is a link. If you'd like to change the color of your links you will have to use a little bit of CSS.

Ok, first, drag and drop an HTML widget to the page. The HTML widget is under "Basic" category in the sidebar. Then, paste this in:

<style type="text/css">

a:link, a:visited {
color: black;
text-decoration:none;
}

a:hover, a:visited:hover {
color:red;
text-decoration:underline;
}

</style>

Remember, you can change the color of the links on your page by changing the "color" property to what color you want it to be. Then, you can change the color of the link when you hover over the links with your mouse! Just change the "color" property in "a:hover" part. If you have any other questions or if you want to change the links even more, let me know and I'll help!

I hope this helps!

Nathan
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
For some reason Nathan that didn't work any solutions?
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Also here is my site(http://www.ggamesarcade.yolasite.com) Emmy, a bit confused as I coded the html so the bottom two lines on the home page so that they would be green(33ff33) but nothing seems to be working?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Did you put '#' (without quotes) in front of that HEX number? Did you put it link this: #33ff33?
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Yeah I did.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, did you put it in an HTML widget? If that didn't work, try this:

<style type="text/css">

.Apple-style-span a:link, .Apple-style-span a:visited {
color: black;
text-decoration:none;
}

.Apple-style-span a:hover, .Apple-style-span a:visited:hover {
color:red;
text-decoration:underline;
}

</style>

This is how it should look in the HTML widget:



Please let me know if this works, thanks!
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
Where exactly do you put the html containing the css?
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hello gabriel - are you looking for information on where to add the HTML? If you drag and drop an HTML Widget onto the page of your site, an HTML editor will open. There you can add the code.

I hope that helps!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi gabriel, just do what Marije said. Then, paste in the code above. This should then change the links. Make sure you view your site int he "Preview" window to see the links change. They usually wont change in the site builder right away. Drag over the HTML widget to the very TOP of the page. Then paste in the code in the dialog box that pops up.