Genesis Responsive Slider Off Center

The theme is 1140px wide, not 960px. So if you adjust your settings to 1140px width then the slider will fill up the entire space of the container it’s in.

Also, the Genesis Responsive Slider images don’t center, they float left or right, but they don’t center. This isn’t caused by the theme or anything, that’s just the way the plugin itself is designed. You can change the width to 1140px to fill in the entire space which will make it appear as centered.

You should also download and run a plugin called Regenerate Thumbnails anytime you change or add your image sizes. This will adjust everything instantly for you so you don’t have to wait for the images to resize.

Ahhh yes, the tutorials are based on the 960px wide version (the old version). The theme demo is still the old version as well…Wes should be updating all of that soon, I’ll send him a reminder for the tutorial update just in case. I know for a fact he’ll be updating the demo with the newer version of the theme that you have now.

For the slider settings, you’ll see something that says – Maximum Slider Width (in pixels) that’s where you can add 1140. Then use the Regenerate Thumbnails plugin to adjust your images.

Also make sure your image is large enough to fit an 1140px width, because I’ve noticed that small narrow images don’t scale very well….(WordPress is actually responsible for scaling the images BTW.)

Another thing I noticed is that the pagination (the little circles at the bottom) and the shadow will only show if you have more than one image. So I’d actually add 2 images to your slider and that should fix your issue (hopefully). If you only plan to use 1 image, then you definitely don’t need a slider to show it. So I guess my question is, how many images are you planning to use?

I’m guessing you missed my previous comment. I’ll copy/paste it below just in case –

“the pagination (the little circles at the bottom) and the shadow will only show if you have more than one image. So I’d actually add 2 images to your slider and that should fix your issue (hopefully). If you only plan to use 1 image, then you definitely don’t need a slider to show it.”

If you’re only planning on using 1 image, then you shouldn’t use a slider, it’s like “killing an ant with a sledge hammer”. Just add the image itself in a text widget instead of a slider. A slider will add to your site load times and is unnecessary if you only have 1 image. If you plan to have more than 1 images then everything should work fine.

Try that first so I can see what happens with your code.

I was wondering the same thing, until I realized I only had one image in the slider. Thanks for clearing that up Eric.

I have the same problem as tamjl… SAME PROBLEM… and please, would you help? The shadow (which is off center and behind my image) shows when I have two images. I want two or more images. I want the shadow fixed. Am I being clear?

@violinsugar Please take a look at any of my comments above, the solution is the exact same for everyone. After you read my comments and try it out everything will work fine. Make sure your slider is set to 1140px and your images are 1140px if you plan on using an 1140px theme

How many images do you have in the slider?

Do you have a link so I can take a look at whats going on?

@ViolinSugar Looks fine on my end. Everything is showing up centered as it should. I’m viewing from a Macbook Air, Chrome, and my browser width is extended to the max. What size is your browser width? Even when I adjust it, it still stays in place just like the Optimal demo.