Title: Add Responsive Text Using CSS
Last modified: June 15, 2018

---

# Add Responsive Text Using CSS

 *  Resolved [lenpenerd](https://wordpress.org/support/users/lenpenerd/)
 * (@lenpenerd)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/add-responsive-text-using-css/)
 * I have been through all of the forums, documentation and Youtuve videos about
   the Masterslider on this subject, but I can’t seem to find an answer to this 
   question: What custom CSS can I add to my slider to make the text resize for 
   responsive scaling (for mobile devices) and where do I place it? (There appears
   to be two seperate places for Custom CSS – one on the layer style and one on 
   the slide style). I can’t seem to get either to have any effect at all on my 
   text.
 * I placed this piece of code in my custom slide style (I got from your support
   forum):
 * [@media](https://wordpress.org/support/users/media/) (max-width: 767px) {
    .ms-
   slide-info h1 { font-size: 22px !important; line-height: 34px !important; margin-
   bottom: -15px !important; } .ms-slide-info p { margin-bottom: -20px !important;
   margin-top: 15px !important; } }
 * – – – –
 * Please let m ekonw how I can fix my text so that I can get it to scale with the
   browser size (view port sie) and what CSS to use… or point me to where I can 
   find or learn this.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadd-responsive-text-using-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [averta support](https://wordpress.org/support/users/averta_support/)
 * (@averta_support)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/add-responsive-text-using-css/#post-10427589)
 * Hi,
 * Thank you for choosing Master Slider.
 * Please notice that each layer in Master Slider has an option called **Resizable
   Layer** which is available under the **Style** tab of the layer.
    When this option
   is turned on, your layer will scale based on the screen size. If you are noticing
   any other behavior, we need to check that in more details because some times 
   other styles applied by you theme, may effect this.
 * Also do not forget to checkout our Master Slide Responsive Guideline article 
   here:
    [http://docs.averta.net/display/mswpdoc/Master+Slider+Responsive+Guideline](http://docs.averta.net/display/mswpdoc/Master+Slider+Responsive+Guideline)
 * As you use Master Slider Pro, please visit our support center for any other issues:
 * Free Support Forum (WordPress) :
    [http://support.averta.net/en/item/master-slider-wordpress-free](http://support.averta.net/en/item/master-slider-wordpress-free)
 * Pro Support Forum (WordPress) :
    [http://support.averta.net/envato/support/item/master-slider-wordpress-plugin](http://support.averta.net/envato/support/item/master-slider-wordpress-plugin)
 * Registration :
    [http://support.averta.net/envato/registration](http://support.averta.net/envato/registration)
 * JQuery Support Forum :
    [http://support.averta.net/en/item/master-slider-jquery-version](http://support.averta.net/en/item/master-slider-jquery-version)
 * Our support staff are available there to provide you with the best possible assistance
   as soon as possible.
 * If you need any further information, please let me know.
 * Best,

Viewing 1 replies (of 1 total)

The topic ‘Add Responsive Text Using CSS’ is closed to new replies.

 * ![](https://ps.w.org/master-slider/assets/icon-256x256.png?rev=1638064)
 * [Master Slider - Responsive Touch Slider](https://wordpress.org/plugins/master-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/master-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/master-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/master-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/master-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/master-slider/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [responsive text](https://wordpress.org/support/topic-tag/responsive-text/)

 * 1 reply
 * 2 participants
 * Last reply from: [averta support](https://wordpress.org/support/users/averta_support/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/add-responsive-text-using-css/#post-10427589)
 * Status: resolved