Text Wrap Around Widget

Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Proin sodales pulvinar tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.

How To

Create the Promo and save it as a Section Template
Get the section template shortcode
Insert the shortcode in a text editor widget.
Put shortcode in a div with the appropriate class
Add the rest of your content after the div.

HTML

Note: shortcode is shown below with curly brackets {shortcode} instead of square [shortcode] for this demo, otherwise elementor would render the template below. Use square brackets.

				
					<div class="widget-wrap-left">{elementor-template id="###"}</div>

CSS

				
					.widget-wrap-left {
    position: relative;
    width: 40%;
    float: left;
    margin: 1em;
}

@media only screen and (max-width: 768px) {
 .widget-wrap-left {
    width: 100%;
}
}

Text Wrap Around Widget

Demo

Promo Title Lorem Ipsum

How To

HTML

CSS

20% off

Text Wrap Around Widget

Demo

Promo Title Lorem Ipsum

How To

HTML

CSS

Special Offer

20% off