• 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
  • Layers
  • Adding Button Layer

Adding Button Layer


If you need to add a button over your slide, you can use either text or button layer. To specify the layer, you need to use ms-layer class name and set the type by data-type="button" or data-type="text"same as other layer types. The example below shows how to add a button over a slide.

	<div id="masterslider" class="master-slider">
		<div class="ms-slide">
			<!-- .... -->
            <a href="#" data-type="button" class="ms-layer">
                Button label
            </a>

            <!-- or -->
            
            <div class="ms-layer" data-type="text">
            	<a href="#">
                	Button label
            	</a>
            </div>
			<!-- .... -->
		</div>
		<!-- .... -->
	</div>

This article only describes how to create a button layer. If you need more information about layers, check out the following articles:

  • Positioning layers
  • Animating layers
  • Masking layers
  • Layer parallax effect

Was this information helpful?

Submit
Previuos Step
Related articles list
Create New Support Ticket

Maybe You're Searching For These

Organizing Blog with Category and Tag
Organizing News with Category and Tag
Organizing Shop with Product Category and Tag
Customizing your Website Login Page
Adding Circle Timer
Getting Started with Phlox Shop
Adding Related Portfolios to Portfolio Single Pages
Loading Facebook Images
Copyright © 2017 Averta. All rights reserved.