Text align

Hi @codeorlov!

I am sorry, but the Text-align property is not an option that can be different across each device view.
You can only specify different values for those settings where you see a little screen icon next to the name of the field.

To achieve the behavior you wish, you would need to add a class for the Text Layer on its Layer Window>Setting tab>CSS class as you see here:
https://smartslider3.helpscoutdocs.com/article/392-layer-window-settings#class
for example add the class:
ss_center

Then you could add some custom CSS with Media query ( https://www.w3schools.com/css/css_rwd_mediaqueries.asp ) at Slider Settings>Developer tab>CSS as you see here:
https://smartslider3.helpscoutdocs.com/article/1294-slider-settings-developer#css
If you added you could use a CSS code like:

@media only screen and (max-width: 600px) {
   .ss_center>div>div{
      text-align: center!important;
   }
}

where 600 is the breakpoint of your mobile view and ss_center is the class that you added for the layer.

Anyway to specify the CSS code, you probably need to check the HTML structure like:
https://smartslider3.helpscoutdocs.com/article/318-chrome#code

Best regards,
Laszlo.

• This reply was modified 6 years, 5 months ago by Laszlo.
• This reply was modified 6 years, 5 months ago by Laszlo.

Hi @codeorlov!

Another possible solution would be that if you would add a structure – for example a Row with a Column as you see here:
https://smartslider3.helpscoutdocs.com/article/1428-content-mode—row-and-col#add-new-row

Then you could put the Text Layer into the Col Layer and set the Text-align property of the Text Layer to inherit ( the first option with the “empty” icon ) then you could adjust the Inner Align property of the Col Layer as you see here:
https://smartslider3.helpscoutdocs.com/article/1482-col-layer#inner-align
In this way you can set different text-align on the Col Layer across different devices, that will be inherited by the child Text Layer.

@laszloszalvak, I switched to a smart slider with a revolutionary slider, and I really like it, but it spoils my impression. Thanks for the answer, I hope you will work on it.

Hi @codeorlov!

Did you managed to achieve the desired result by following the steps of my second reply?