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?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
  • 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

  • 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?

  • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: