Invisible Links

  • 2
  • Question
  • Updated 7 years ago
  • Answered
Is it possible to create an external link to different columns of text without Yola underlining all of the text and turning it blue? It looks rubbish. I want the text to remain black and not-underlined whilst retaining the function that when a customer clicks on it (or any part of that text widget/column - including the blank parts) they are re-directed to an external link of my choosing.

Regards, John.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
  • frustrated

Posted 7 years ago

  • 2
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hello John,

It sounds like you are making all of the text a link.

So you just want it to do something when clicked but not have it underlined?

If you have your site published could you post the URL so I can see what you mean? Thanks!
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Hi Nathan

I've published it: www.freebetregisters.co.uk

You will see that there are several rows on the Home Page, each with a different bookmaker's offer. I want to link the whole of each row to my affiliate link to the relevant bookie.

Cheers, John.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Also Nathan, can you tell me if I can insert some code that allows customers to add my site to their Favourites, when they click on the word Favourites in the following text?:

Please take a moment to add this site to your Favourites so that you can easily find us again.

Chees, John.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Nathan appears to have gone quiet on me. Is there anybody from Yola who can answer my questions above? Regards, John.
Photo of Coloraze.boy 2002

Coloraze.boy 2002

  • 55 Posts
  • 0 Reply Likes
I wanted the same, so I made a bit of text totally blue and underlined.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Thanks Coloraze, but I want the text to remain black and not-underlined. John.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hey John,

Found the link. That was a real maze! How did you organise it like that?? :)

Nathan is extremely busy at this time but always comes back to the job at hand. I'd watch this thread over the weekend and if he just can't allocate time to this then I am happy to offer some help.

This is probably best managed by a javascript code but lets wait for Nathan's advice first. I trust his experience more than I trust my own.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
OK thanks. I'll wait for Nathan's input.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi John,

Sorry about the delayed response!

I don't know if making the whole entire row clickable will be possible as it looks like they are all in separate widgets.

But, you can make most of the text in it clickable, while keeping it black and not underlined.

To make text a link (clickable) but not underlined or blue, please follow these steps:

1. Highlight the text that you want to make a link as you normally would.
2. After you've done that, in the Text Editing Toolbar, click on the last icon which says "HTML".
3. When the HTML editor pops up, you'll see the HTML that makes up that text widget. Find the text that you just made a link in it. It should look something like:


<a href="http://www.example.com/">Link text here</a>


It will look a little different than this of course, but the HTML part should be the same.

So, to remove the underline and change the color, simply add the style attribute with the styles in it:


<a href="http://www.example.com/" style="color: black; text-decoration: underline;">Link text here</a>


That will remove the text underline and change the color to black (feel free to change it to whatever you want).
4. Click the blue "OK" button and save your page.

Repeat this for everything else that you want clickable.

The "favorite" thing that you want can be done with some JavaScript. However, I don't understand exactly what you want. Do you want to have a button, that when clicked, will pop up a dialog that says "Please take a moment to add this site to your Favourites so that you can easily find us again"?

Nathan
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Nathan
I think you meant text-decoration: none;
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Oops, yeah I meant that. Thanks for the correction David. I can't edit it though because once a comment is on a post, for some reason it can't be edited.
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Thanks v much Nathan.

Re the favourites thing if we take this sentence that I want to put on my home page:

'To add Free Bet Register to your favourites, click here'

I was after the words click here being clickable, so that when a customer clicked on on one of them they would have the option to save to favourites. Just a slightly quicker way of saving my site to their favourites, without them having to leave the text they are reading. Is this possible?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Yeah, but in most browsers there isn't a way to add the website to their favorites with JavaScript anymore, but you could tell the user in the pop up something like:

Please bookmark Free Bet Register so you can easily find your way back to our site.

Then, all they would have to do is click the star in their browser or the 'bookmark' button (it depends on what browser they are using)

Do you want this? If so, I can make it for you and have it done soon. (it will be a little modal box that pops over the screen and then they can simply close it, and it won't disrupt their reading, they can continue where they left off)
Photo of John

John

  • 16 Posts
  • 0 Reply Likes
Yes please Nathan, if it's not too much trouble. Thanks v much, John.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
John, just to give you an update on this, I'm still making it, and I'm almost done. It's having a problem that I'm trying to fix right now. I'll post the code here when I'm done.