Title: Text align
Last modified: October 11, 2018

---

# Text align

 *  Resolved [codeorlov](https://wordpress.org/support/users/codeorlov/)
 * (@codeorlov)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/)
 * Hi, I have a text layer, the text on the computer is left aligned, on the mobile
   device I need to align the same text in the center, but I could not do it. Help
   me please!

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Support [Laszlo](https://wordpress.org/support/users/laszloszalvak/)
 * (@laszloszalvak)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/#post-10772255)
 * Hi [@codeorlov](https://wordpress.org/support/users/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](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](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](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](https://smartslider3.helpscoutdocs.com/article/318-chrome#code)
 * Best regards,
    Laszlo.
    -  This reply was modified 7 years, 9 months ago by [Laszlo](https://wordpress.org/support/users/laszloszalvak/).
    -  This reply was modified 7 years, 9 months ago by [Laszlo](https://wordpress.org/support/users/laszloszalvak/).
 *  Plugin Support [Laszlo](https://wordpress.org/support/users/laszloszalvak/)
 * (@laszloszalvak)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/#post-10772323)
 * Hi [@codeorlov](https://wordpress.org/support/users/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](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](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.
 *  Thread Starter [codeorlov](https://wordpress.org/support/users/codeorlov/)
 * (@codeorlov)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/#post-10772401)
 * [@laszloszalvak](https://wordpress.org/support/users/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.
 *  Plugin Support [Laszlo](https://wordpress.org/support/users/laszloszalvak/)
 * (@laszloszalvak)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/#post-10772439)
 * Hi [@codeorlov](https://wordpress.org/support/users/codeorlov/)!
 * Did you managed to achieve the desired result by following the steps of my second
   reply?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Text align’ is closed to new replies.

 * ![](https://ps.w.org/smart-slider-3/assets/icon.svg?rev=2307688)
 * [Smart Slider 3](https://wordpress.org/plugins/smart-slider-3/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-slider-3/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-slider-3/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-slider-3/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-slider-3/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-slider-3/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Laszlo](https://wordpress.org/support/users/laszloszalvak/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-12/#post-10772439)
 * Status: resolved