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;
}

6 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

  2. Avatar

    Hi, I like your hints and tips and I respect your work!

    I have just one remark, concerning the “didactics” of the video:

    Why don’t you show the result which will be achieved following this video at the beginning of the video?

    This would make it easier to find out whether this tutorial is what a user is looking for …

    I so often try to follow video tutorials just to find out at the end that that was not at all the solution for my problem ;=)

    Thanks again,

    Connie

Leave a Comment

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

Scroll to Top