• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

  • Home
  • Master Slider JavaScript
  • UI Controls
  • Changing Slider Skin

Changing Slider Skin


Master Slider has many predefined skins for the controls. To select a skin for your slider, first you need to import the slider skin style file to the page. The example below adds minimal skin style file to the page.

<pre>
  <link rel="stylesheet" href="href="masterslider/skins/minimal/style.css" />">
</pre>

After importing the skin styles you need to set the slider skin class name to the slider main element like below example:

<pre>
    <div id="masterslider" class="master-slider ms-skin-minimal">
        <div class="ms-slide">
          <!-- .... -->
        </div>
        <!-- .... -->
    </div>
</pre>

Slider skins

Coming Soon!

Was this information helpful?

Submit
Previuos Step
Related articles list
Create New Support Ticket

Maybe You're Searching For These

Organizing News with Category and Tag
Organizing Blog with Category and Tag
Organizing Shop with Product Category and Tag
Customizing your Website Login Page
Phlox Recent Products Element
Extending and Renewing Phlox Support
Using Sample Sliders
Adding Time-bar
Copyright © 2017 Averta. All rights reserved.