Removing blue underline from text which is linked...

1,163 views
Skip to first unread message

billj...@gmail.com

unread,
Aug 9, 2016, 7:46:31 AM8/9/16
to Google Web Designer beta
Hi, as the title says, how do I do this and how do I add a link to an image?

Thanks,
Bill

Svein-Tore Narvestad

unread,
Aug 9, 2016, 10:48:15 AM8/9/16
to Google Web Designer beta
Hi!

When you create a link in GWD it will get its own class. Then, in the class set

text-decoration:none;

An image as a link is as easy as this (from w3schools):

   <img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>

billj...@gmail.com

unread,
Aug 9, 2016, 11:06:32 AM8/9/16
to Google Web Designer beta
Thank you though I can't see "text-decoration:" in the code?? see attached screen shot.

Thanks again,
Bill

Screen Shot 2016-08-09 at 16.05.03.png

Svein-Tore Narvestad

unread,
Aug 9, 2016, 11:56:34 AM8/9/16
to Google Web Designer beta
Hi 

of course not,thats the code you have to add to remove the blue underline (and all the text styels for  ther a tag).  But the code you have attached can not be the complete code.  In the link you can see:

class=" gwd-a-iffy gwd-a-u112"  (just after target="_blank" at line 13)

If you go to the top of your document you should find something like (In code voew, press CTRL+F to search for gwd-a-iffy  and gwd-a-u112, one at a time):


.gwd-a-u112 {

some codelines here

}

and also

.gwd-a-iffy {

some code lines

}

Here you should add text-decoration:one;  like this:

.gwd-a-iffy {
   text-decoration:one;
  

}

I don't know why this a tag has two classes though, but to add this in one of them should be enough

Whish you good luck:)

Svein-Tore

Svein-Tore Narvestad

unread,
Aug 9, 2016, 12:00:53 PM8/9/16
to Google Web Designer beta
Oops I did a mistake.

Should be text-decoration:none; and not text-decoration:one; of course.

billj...@gmail.com

unread,
Aug 9, 2016, 12:30:22 PM8/9/16
to Google Web Designer beta
That's perfect, thank you very much.

billj...@gmail.com

unread,
Aug 10, 2016, 7:47:07 AM8/10/16
to Google Web Designer beta
Thanks for all your help I'm a complete novice.

If I wanted to remove the underline on future HTML banners text where I have an URL link how would I do this as I assume the code will be different for each banner i.e. the code and method used for this one won't work on all banners??

Many Thanks,
Bill

Svein-Tore Narvestad

unread,
Aug 10, 2016, 9:33:03 AM8/10/16
to Google Web Designer beta
Hi!

Not sure if I got it, but you want to remove the underline on all links, that is, all on a elements?

OK, in the head element, inside style add the following:


<style>

  a {
     text-decoration:none;
   }
</style>

Svein-Tore
Reply all
Reply to author
Forward
0 new messages