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.
Step 1
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.
Step 2
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.