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 7 years, 7 months ago by Laszlo.
• This reply was modified 7 years, 7 months ago by Laszlo.