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.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?



You need to be logged in to view and post comments.
Not a member yet? Join here.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: