How do I add a link to images in a Text Widget?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
  • (Edited)
HI Yola

I have been using the site builder and noticed that if i add a photo / image into a text box using the icon in the text format bar ontop , I canot resize the image / create a link , What could be the problem?
Photo of MuhammedM


  • 3 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Nazlie


  • 1721 Posts
  • 51 Reply Likes
Hi MuhammedM

If you would like to change the size of an image in the Text Widget, you will need to edit the HTML. Here are the steps:

  1. Click inside the Text Widget. This will bring up the Text Editing Toolbar at the top of the screen.

  2. Click the HTML button on the menu. You will see the HTML Editor with the HTML of the Text Widget open up.

  3. The < img > tag contains the size of the picture. You can change the dimensions of width and height to change it. Please note that you will need to choose dimensions that keep the constraints of the image otherwise it will become distorted. I usually test this in an image editor to get the size of the image I want. Another alternative for resizing the image, is to use Picnik, an image editor that is integrated into Yola's Sitebuilder.

  4. Click "OK" to save the changes

You will also use the HTML Editor in the Text Widget to link your image. To do this, follow the steps above to open up the editor. Then add the anchor tag around the img tag to add the link. Here is an example:

<a href="index.php"><img src="resources/mypic.jpg"></a>

Remember to save the changes in your Sitebuilder and publish your site so that it is visible on the web.

Hope this answers your question. If you need more help, please let us know.

Thank you