Support » Plugin: Meta Slider » Edit CSS

Viewing 6 replies - 1 through 6 (of 6 total)
  • drourke22


    I figured it out by adding custom CSS – thanks



    Care to share? I need this too:)

    Plugin Author Matcha Labs


    Hi square_eyes,

    The process for overriding the CSS is:

    find the built in CSS thats adding the thing you want to get rid of (use firebug or chrome developer tools), for example, this is the css thats adding the padding:

    .theme-light.slider-wrapper {
        background: #fff;
        padding: 10px;

    override it by adding .metaslider to the selector, and changing the rules to how you want them, for example:

    .metaslider .theme-light.slider-wrapper {
        padding: 0; /* remove padding */

    Save that in your themes style.css file.


    Awesome! This should be on a sticky!

    i used the metaslider editor to create shadows on my slider.
    But i can’t figure out how to apply them to my sliders.

    Plugin Author Matcha Labs


    Hi Dagra,

    Are you a Pro customer? If so, please get in touch using the form on, we are not allowed to discuss commercial products here sorry.


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Edit CSS’ is closed to new replies.