How can I align the slider next to my text?

The backend aligning option was mainly made for the center aligning, and our slider container always has 100% width, even if the aligning here is left, or right. To align your slider next to your text, you need to do use your own code.

⚠️ Warning: Be sure to use sliders which have Boxed layout. When you add the codes, use Text and not Visual editor as the Visual editor won't run the codes but print them as simple texts, so they won't have effect.

WordPress

<div style="float:left; width:30%; padding:5px;">[smartslider3 slider=1]</div> Lorem ipsum dolor sit amet...

Joomla

<div style="float:left; width:30%; padding:5px;">smartslider3[1]</div> Lorem ipsum dolor sit amet...

Don't forget to clear the float after the text, using this code:

<div style="clear: both"></div>

Put two sliders next to each other

You can use a code like this:

WordPress

<div style="float:left; width:50%; padding:5px;">[smartslider3 slider=1]</div>[smartslider3 slider=2]
<div style="clear: both"></div>

Joomla

<div style="float:left; width:50%; padding:5px;">smartslider3[1]</div>smartslider3[2]
<div style="clear: both"></div>