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.

WordPress

Gutenberg offers a Custom HTML block you can use to create your own codes. Other page builders have similar custom coding elements too.

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

Joomla

In Joomla article editors you can find a Toggle editor button to see and modify the HTML code of the article.

<div style="float:left; width:30%; padding:10px;">smartslider3[1]</div> Lorem ipsum dolor sit amet...
<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:10px;">[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>