Select Page

Weird Right Padding Issues with Meta Slider WordPress Plugin?

by | Feb 20, 2015 | Wordpress Tricks

I had an issue today that I thought was worth sharing. I’m using Meta Slider (a free WordPress plugin with a pro upgrade option) for a client’s site and noticed something strange when I added the slider shortcode onto a page: there was some extra padding or margin (that I could not find for the life of me with Inspect Element) on the right side of the page that allowed you to scroll over to the right about 40px.

MetaSlider WordPress plugin: use R.Slider format to fix right padding issueTurns out the issue was resolved by me using the R. Slides format option (all 3 other format options created some degree of extra space to the right of the content area. However, I needed the Flex Slider format for the slider I was creating, so this fix (while it may work for some) wasn’t going to cut it for me.

The true fix came by adding the CSS declaration of {overflow: hidden;} to the .metaslider class in my child theme’s stylesheet (my style.css file).

So, if you run into this problem with Meta Slider, try using a different format like R. Slides, or add the following code to your style.css file (ideally in your child theme):

.metaslider {
overflow: hidden;
}

1 Comment

  1. Regg Tilley

    Thanks for this….it drove me crazy trying to figure out what the culprit was!!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

how-to-choose-a-wordpress-theme-thumbnail

How To Choose A WordPress Theme For Your Website

In this guide you'll learn four tips to make choosing a WordPress theme a bit easier. This is a 5 page guide with an approximately 4 minute read.

How To Pick A WordPress Theme For Your Website • Download the Guide

How-to-choose-a-wordpress-theme-thumbnail-sm 5 page guide • 4 minute read

In this guide you'll learn four tips to make choosing a WordPress theme a bit easier.

Powered by ConvertKit

Success! Check your email for the guide.

where-to-host-thumbnail

Where To Host Your WordPress Website and Why It Matters

In this guide we discuss what makes 'good hosting' including security, speed, and support. We tell you who we use and why, and give you a coupon! YAY COUPONS! This is a 45 page guide with an approximately 3 minute read.

How To Pick A WordPress Theme For Your Website • Download the Guide

How-to-choose-a-wordpress-theme-thumbnail-sm 5 page guide • 4 minute read

In this guide you'll learn four tips to make choosing a WordPress theme a bit easier.

Powered by ConvertKit

Success! Check your email for the guide.

8-next-level-plugins-cover

8 WordPress Plugins That Can Take Your Website To The Next Level

For our business clients, we install some specialized WordPress plugins. Get our list of the 8 next level plugins we love and the use case for each. 

How To Pick A WordPress Theme For Your Website • Download the Guide

How-to-choose-a-wordpress-theme-thumbnail-sm

5 page guide • 4 minute read

In this guide you'll learn four tips to make choosing a WordPress theme a bit easier.

Powered by ConvertKit

Success! Check your email for the guide.