how can i change the color of image links in the text widget ?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hi, i used a 1-column layout for my homepage and added a text widget in it. In this text widget i put 4 pictures that are all linked to different pages on my site. But now that i added the link, the pictures are surrounded by a violet line and i would prefer them to simply stay like they are, but with an invisible link (just like normal image links). how can i get rid of this line ?
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes

Posted 9 years ago

  • 1
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Is the line just showing up in your sitebuilder or published site?
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi Evelyne,

Please can you share the URL of your site please.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi evelyne

What you need to do is tweak your code a bit:

Find your all your <a href="your link url"> Change it to <a style="text-decoration: none" href="your link url">

That should get rid of your lines.

Please let us know if this works or if you continue to have problems.
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
hello everyone,

i tried the trick with the html, but it doesn't seem to go away.
the lines show in both the site builder and in the preview mode, but i don't want to publish my set yet before i can whipe them away.
i think it is due to the fact that the text widget considers the images i put in it as text and instead of adding a purple line under a piece of text, it now adds a line around the picture to indicate that it contains a link.

could i try to change the purple into white so the line dissolves in the background ? or is there another way to align 4 pictures in a row and add an invisible link to them without using the text widget ?

thanks again for replying :)
evelyne (my site is www.evelynemontens.com)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
ohh.. now I understand Evelyne. What you need to do is change add a little snippet of code to get rid of the border: This is what you do:
<a href="YOUR LINK URL"><img style="border:0px;" src="YOUR IMAGE PATH">/a>

I hope that helps!
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
littleus, you're a genius !
now it looks real nice :)
perfect, thanks a lot !!!
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
can i do the same to get rid of the lines for text links ? i presume i would need another snippet of code for that... ?

and i made a bulleted list for a side menu, but instead of bullets, i would simply prefer a normal list of items, like this:

2008 wisdom helmet / verstandshelm
2007 in gesprek met Anna
2004 snack bar / snackbar
2003 alarm clock / wekker

how can i reduce the white space the enter button leaves between the different items ?

just let me know if i'm asking too much :)
evelyne
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi evelyne

I'm glad that the image link border got resolved.

As for the text link, you can use the code a couple of posts above to get rid of the underline - the one with a style="text-decoration: none" href="blah blah"

To reduce the white space, the easiest thing to do is go into your HTML and get rid of the <p> and </p>

Let us know if you need anything else!
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
great, thanks again !
really nice to have the possibility to ask 'building questions' !
greetz,
evelyne
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
hi littleus,

i'm back. the erasing of the text link lines worked very well, but the space removal didn't... if i only erase the it doesn't change and if i only erase the or both the and

all the items glue together like this:

2008 cabo de gata 2007 love makes you blind / liefde maakt blind 2004 taboo / taboe 2003 imperfection / imperfectie

and i would like it to look like this:

2008 cabo de gata
2007 love makes you blind / liefde maakt blind
2004 taboo / taboe
2003 imperfection / imperfectie

for the moment it's like:

2008 cabo de gata

2007 love makes you blind / liefde maakt blind

2004 taboo / taboe

2003 imperfection / imperfectie

is there something else i could try ?
evelyne

Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Once you've erased the "P" and "/p" and they're all strung together, then you can go back to your text widget and hit enter after each line or you can add a <br> after each line in your HTML.

Let me know if this resolves the problem.
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
yep, thank you !!!
the
did it
Photo of evelyne

evelyne

  • 23 Posts
  • 0 Reply Likes
the br...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
GREAT! =)