Updated on May 10, 2019
In the Oxygen support forum, a user asked:
Hi all,
Working on my first official oxygen site.
I cant seem to find the way to wrap text around an image.Usually its easy to do with the wysiwyg editor but I cant find it in the oxygen version of it.
Anybody know how?
As can be seen here, WordPress has image alignment built-in.
alignleft, alignright and aligncenter classes can be added on images to wrap text or to center the images.
Let’s see how these can be applied in the Oxygen‘s editor.
Add this CSS sitewide:
This can be done in several ways. Here are two popular methods:
Method 1:
With Oxygen editor open, click on Manage, then Stylesheets.
Create/edit the stylesheet and add your CSS over there.
Method 2:
In the WordPress dashboard, go to Appearance > Customize > Additional CSS and add the code in there.
Add a Div having your image and the text.
Select the Div. Go to Advanced > Layout and select block.
Select the image and give it a class of alignleft or alignright.
That’s it. You should immediately see the text wrap around the image.
Comments
Provide a URL of your site/webpage if something is not working.
6 comments on “How to wrap text around images in Oxygen”
[…] (blog post) […]
Hi Sridhar!
I am building a new website for musicians – I’m working on the bio page and would like the text to wrap around the image. I’ve built the band members’ bios in 2 columns x 3 + 1
So I selected the first div and did what you said and it worked – but for the others, it’s not working – each time, I’m selecting the div in the structure, but its not cooperating…
Don’t judge 🙂 I started it today and trying to get it going… the site is: new.jonbates.com/bios/
When I began, I put the headline, image and text in the first column then duplicated it – could that have something to do with it?
Thank you as always!
Barbara Tierney
[…] Related: How to wrap text around images in Oxygen […]
I followed your guide and it works. However, when I use imported text (Insert Data) as opposed to pasting text, it doesn’t. Is this normal?Is there a work-around?
What is the imported text coming from? Is that a text-type custom field?
[…] How to wrap text around images in Oxygen […]