Link underlined in Template... Can I get rid of it???

  • 2
  • Question
  • Updated 9 years ago
  • Answered
I am using a template that underlines all links, & pictures etc if they are linked... I've tried the font face code to change the color of the links, to get rid of the links around items but it does not work, and changing the <style for links i.e. (no decoration) etc. does not work either, any other way to remove the lines???
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
  • unsure...

Posted 9 years ago

  • 2
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi A.

Have you tried inserting this code:

<!--<a style="text-decoration:none" href="http://YOUR SITE LINK>-->
Photo of Den

Den

  • 32 Posts
  • 0 Reply Likes
I know this was a while ago :s ... can I please ask where you would insert this code? I would also like to get rid of the underlines on my links, cheers
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Den,
I'm going to ask our HTML team to come and comment here with some further information for you. I'm not sure why the text decoration addition did not work for you, but they will be the best to assist further. Thank you for your patience in the meantime.

Kind Regards,
Emmy
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Hi Den,

Removing the underline from a text link is a relatively easy process. You can use CSS (Cascading Style Sheet) to achieve this and this is currently the most practical way to remove underlines from links. CSS is supported on nearly all browsers (some of these browsers might not fully support all the CSS specifications, but most support non-underlined links).

The underlines can be removed by setting the link style like this: text-decoration: none

To apply it, you can do the following:

1. Use an inline style (For Yola Free and Yola Silver account holders):

This method is recommended if you want to remove the underlines on some (but not all) of your links. Just add style="text-decoration: none" on the links that you don't want to be underlined. Remember to include the quote signs like the example above. For links that you want to keep underlined, use the regular <!-- <a href> --> tag.

Below are examples of the two variations:

<!--
<a style="text-decoration:none" href="yourlink.html">This is a link without the underline</a>
//-->

<!--
<a href="yourlink.html">This is a normal, underlined link</a>
//-->

2. Use an internal style-sheet (For Yola Silver account holders):

This method will remove the underline from all of your links, so you don't have to do it one by one. Simply edit your Site CSS to include the following style definition:

<!--
a {text-decoration:none}
//-->

I hope this helps.
Photo of Den

Den

  • 32 Posts
  • 0 Reply Likes
Hi Francois, thanks for your reply. I ended up using your method 1 because it is actually a sub navigation I was working on. I am so happy it worked, feel free to check it out one day, aussiecushion.com.au. Once again, thank you! Yola and all you guys rock ;)
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Hi Den,

It's an absolute pleasure!
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
I've done the style and none command but not like this... I'll give it a try... Thanks!
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Is your problem solved, A?
Photo of Yola_User_A

Yola_User_A

  • 276 Posts
  • 3 Reply Likes
Yeah Ruth, I'm all set, thanks for checking in!