Elementor

Elementor – Wrap text around content created with Elementor

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

In addition to showing you how to insert an image from the WordPress Media Library into an Elementor Text widget, it more importantly shows you how to insert content created with Elementor.

This example uses the Elementor Pro add on to the free Elementor page builder but the free version of AnyWhere Elementor could be used instead.

The Simple CSS plugin from Tom Usborne is also used.

Here is the CSS used in the video. Keep in mind that you can adjust the width percentage values to suit.

#my-counter-left {
    position: relative;
    width: 50%;
    float: left;
    margin-top: 7px;
    margin-right: 15px;
}

#my-accordion-right {
    position: relative;
    width: 50%;
    float: right;
    margin-top: 7px;
    margin-right: 15px;
}

#flow-text img {
    margin-top: 7px;
    margin-right: 15px;
    margin-bottom: 15px;
}

4 thoughts on “Elementor – Wrap text around content created with Elementor”

  1. Avatar

    Thanks. That’s pretty easy CSS. But dang, this seems like a pretty typical design need. I wonder why you just cant do this directly with Elementor. shouldn’t their goal to be to reduce the need for CSS?

    1. Avatar

      Hi Ben,
      You’re welcome 🙂
      Yes, you are right, should be able to be done directly and not only the text widget. Would be so nice to be able to drag widgets in to the tabs and accordions for example.
      Maybe some time (soon :)) they’ll come out with this.
      Cheers!
      Lyle

Leave a Comment

Your email address will not be published. Required fields are marked *