Text wrap around image

Support
#1

Hi there, I searched both the forum and the knowledge base for this very simple function but didn’t see it. I want to make my text wrap so it comes up along the right side of a photo and can’t seem to figure out how to do this in Cornerstone. My site is not live yet, but I can show you what I am talking about as I have it that way on my other website, here. I’m new to Wordpress having come from Squarespace and can do a little bit of css/html so if it comes to that I can figure out where to put it if someone can provide code, I’m just hoping there is some way to do this without coding.

Thanks in advance for the help.

1 Like
#2

Hi There,

We achieve that by adding a Classic Text element then use image shortcode with float:right or float:left inline class. See image below:

See how margin was added to add space either on the right or bottom part of the image.

Hope this helps.

2 Likes
#3

Thank you, Lely!

#4

You’re welcome.

#5

Okay, so I am trying to execute this. Is there no way to edit the HTML of the image element? Because I’m not sure how to embed images using just a classic text box and I can’t see the html well enough in the image you posted to reproduce it.

#6

Hi There,

Please add below code for the image.

[x_image src="http://imagepath/imagename.jpg" style="float:right; max-width: 300px; margin-left: 20px;"]
This is for right aligned image
[x_image src="http://imagepath/imagename.jpg" style="float:left; max-width: 300px; margin-right: 20px;"]
This is for left aligned image

Change the image URL and style as per your requirement.

Thanks

#7

Thanks, I will do that. Does this mean that if I want to add, say, the kind of border you can put on using an image element, that i need to do it in photoshop?

#8

Hi there,

You can add it through photoshop or you can add the thumbnail class to the image shortcode like this:

[x_image class="x-img x-img-thumbnail" src="http://imagepath/imagename.jpg" style="float:right; max-width: 300px; margin-left: 20px;"]

Hope this helps.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.