Wrapping text around images

  • 1
  • Question
  • Updated 10 years ago
  • Answered
How can I wrap text around my images?
Photo of mich6

mich6

  • 38 Posts
  • 0 Reply Likes
  • happy

Posted 10 years ago

  • 1
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Type some of your text on the page, and stop at the end of a paragraph about where you want the photo. Add 1or 2 extra "enters" at the end of the paragraph for space between the text and the photo.

Drag a 2 column widget into place just under that first block of text. on one side drag a photo widget and size the photo accordingly using the red box / handle. On the other side drag a text widget and add copy until it fills the area based on the size of your photo.

Drag a new text widget under that and finish your text.

You can manipulate the text and photo areas by moving the center bar of the 2 column widget.

You can also add a text widget without any text to create an empty space. Click in the text widget and hit "enter" to make the empty space larger.

You can also add a 2 column widget within another 2 column widget to get even more flexibility. Adjust the location of the center bar accordingly.

Don't know if there's an easier way, but this works.

Look at my "links" page to see the end result. I have about 14 different sized text and 2 column widgets on the page to get everything where I want it.

http://guidographics.synthasite.com
Photo of gill.r

gill.r

  • 8 Posts
  • 0 Reply Likes
I didn't realise you could put a two column widget within a two column widget - that's really handy to know - thanks.
Photo of tony

tony

  • 12 Posts
  • 0 Reply Likes
dosnt work leaves a gap so text dosnt flow unlike on say weebly
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Tony,
Using a two column widget can accomplish quite a lot! If you put a two column widget on the page and put your image on one side (say the right) and then your text on the other side, then put another text widget below the two column widget it can look quite nice.

Here is what it would look like in the site builder:



And here is what the live page would look like:



Does this accomplish what you were trying to do?

Kind Regards,
Emmy
Photo of tony

tony

  • 12 Posts
  • 0 Reply Likes
many thanks Emmy but what I was trying to achive using your example is for the text from your second paragraph to run into the text from your third avioding the need to end every paragraph a space above the bottom of your picture like you often see in a magazine
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello Tony,
You can do this by assigning a negative value to the bottom margin of that text widget. If you click in the text widget and then click on the Properties Tab on the Content Sidebar this is where it can be done.



Here is what it would look like live:



Is that what you were hoping for?

Emmy
Photo of tony

tony

  • 12 Posts
  • 0 Reply Likes
Nice one Emmy, You are a star !!!