Setting up Text bar for mobile

Hi @capabomba

I am sorry, we don’t have Device Specific options for the Text Bar control:
https://smartslider.helpscoutdocs.com/article/1856-text-bar
and we can not provide help with custom CSS either.

But to achieve your goals, instead of the Text Bar control, I would rather suggest working with layers.
For your layout, you should create a Row with a single Column:
https://smartslider.helpscoutdocs.com/article/1811-row
and you should put the texts into the column maybe with the Heading Layer and the Text layer.
On the Row you could set a dark background color, on its Style tab.

Finally with the Content Layer’s Inner Align and Vertical Align options:
https://smartslider.helpscoutdocs.com/article/1810-content-layer
you could position the Row with its content to the bottom right corner.

As for device specific adjustments:
Those settings that has a small screen icon next to their names, are device specific settings. The value of these settings can be adjusted separately for each view.
For example, see the “Text Scale” setting: https://smartslider.helpscoutdocs.com/article/1812-layer-style#responsive
that you can use to adjust the font size for the different devices.
We also have a tutorial video for responsive adjustments, so if you are not that familiar with this topic, then I would suggest checking out this video:

Note:
We also have a template slider that has a similar layout like yours and it achieves the results with layers. Here you can check it:
https://smartslider3.com/image-slider/

If you like it, then you can import it from the slider template library as you see here:
https://smartslider.helpscoutdocs.com/article/1827-add-sample-slider
and modify it according to your needs.

Best regards,
Laszlo.

Thanks for the quick reply! It will take some work to achieve that. I don’t know if I’ll be able but we will see. Thanks for your help meanwhile!