This can also be done with a custom CSS class. Navigate to Dashboard – Shortcodes – Settings and paste the following snippet into the Custom CSS code field:
.custom-alignleft {
max-width: 50%;
float: left;
margin: 0 1.5em 1.5em 0;
}
Then just add your class to a shortcode:
[su_box class="custom-alignleft"]Box content[/su_box] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a orci odio. Maecenas tortor nisi, vehicula quis ultricies quis, imperdiet tincidunt ligula. Etiam bibendum nisl in ultrices luctus. Donec varius commodo massa sed consectetur. Ut sit amet sem non mi tincidunt sodales ac a risus. Quisque imperdiet mauris nec arcu cursus laoreet. Fusce viverra vehicula magna id suscipit. Aliquam viverra libero ex, vel facilisis sapien feugiat a.
[su_button class="custom-alignleft"]Button text[/su_button] Nulla facilisi. Sed euismod, mi tincidunt finibus maximus, lorem magna aliquet nibh, eu pellentesque metus mi eget erat. Praesent blandit ultricies enim sit amet elementum. Integer magna ligula, eleifend nec magna dictum, dictum ultricies erat. Aliquam tempus arcu ut urna sagittis, nec mattis dui lacinia. Nunc eget quam non ante pulvinar ultricies ut ut diam. Pellentesque sit amet maximus libero, maximus interdum sem. Vestibulum elementum euismod lorem et bibendum. Phasellus luctus efficitur tincidunt. Fusce nec nulla vel neque sodales dictum ac id dui.