Published on Jul 12, 2018

How to wrap text around images in Oxygen

Sridhar Katakam

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.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-ocalendar-check-omagnifiercrossmenuchevron-downarrow-right