Tagged: genesis responsive slider
August 15, 2013 at 5:23 pm #6571
I’m a long-term Genesis/StudioPress user who just purchased the Optimal theme. I loaded it on a fresh site install, with fresh Genesis install, all latest versions of both Genesis and Optimal. I created a test image 960×350 and loaded it. As you can see here, it is not centering:
I have touched no code yet, the slider display settings are set to 960×350, Optimal is the only theme this freshly installed site has known (other than its companion, Genesis). There are no other images loaded and so no need to run the Regenerate Thumbnails plugin. There are also no other plugins added beyond what defaults with the install, and no other widgets added or changed. I’ve checked it in Chrome, Firefox and Safari and the off-centering problem displays in all three.
I figured it should work out of the box so I haven’t gone scouting in the code to find the problem. Can you discern what’s up? Thanks!August 15, 2013 at 5:42 pm #6574
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.
August 15, 2013 at 6:32 pm #6579
Hi, Eric –
So which setting are you saying I should change to 1140? If you mean the slider display settings, that didn’t work, just moved the slider even further to the left. A larger image also made no difference and caused Optimal’s default bottom shadow (beneath the slider image) to be blocked. Not sure what other setting should be changed as part of the Optimal default install.
I understand floats and centering and the Genesis Responsive Slider (which I’ve used successfully with StudioPress themes and my own custom themes). The point I’m trying to make is that the slider image on the home page of Optimal “appears” centered…and on my install I can’t get it to line up properly with the shadow image set to show up beneath it (default install image provided by appfinite).August 15, 2013 at 10:37 pm #6583
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?
August 18, 2013 at 8:41 pm #6637
As I’ve said, I’m quite familiar with the genesis responsive slider and how it works, as well as familiar with the regenerate thumbnails plugin. The test site I shared was only to show you how the slider was off center with the image sizes provided in the instructions, so nothing else there needs attention other than the slider offset issue.
We’re almost there with the slider. The new 1140 size did make the difference on the centering, but the 350 height still hides the “shadow” image that should align with the bottom edge of the slider image. Is the height of the slider also intended to be different now?
Thanks.August 18, 2013 at 11:53 pm #6641
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.
August 19, 2013 at 5:48 am #6651
No, Eric, I didn’t miss that. I have been reading your responses in detail. But it didn’t appear to address the question I’m asking.
Please understand that I am not asking about Genesis Responsive Slider functionality. As I’ve said, I’m very familiar with the slider and its features, including the little navigation circles beneath it. I’ve customized most features of the plugin’s functionality many times in the past.
I am asking about Appfinite functionality — the Appfinite shadow image that comes with the Optimal theme. It is hidden behind the 350px high image, thus leading me to ask if the image height requirements have also changed with the latest Optimal release (since the width changed, it occurred to me that perhaps the height changed as well).
Are you saying that Optimal has set the theme up so that the shadow image only appears when there is more than one slide? I only set up one slide in my demo for you because I don’t want to spend a lot of time with this theme until out-of-the-box functionality is fully working…I am aware that there are better ways to show a single static image than a slider plugin and would, of course, only use the slider if I plan to use multiple images.August 19, 2013 at 12:39 pm #6655scoobyCustomer
I was wondering the same thing, until I realized I only had one image in the slider. Thanks for clearing that up Eric.August 19, 2013 at 4:31 pm #6660
“Are you saying that Optimal has set the theme up so that the shadow image only appears when there is more than one slide?”
Yes and No. The Optimal theme does not control the slider functionality. The way the circles show up is based on the Genesis Slider itself, this has nothing to do with the theme. It will function this way in any theme. The only thing the Optimal theme does is add a shadow image at the bottom when using more than 1 image. That’s it.
I know I keep repeating it, but again, you have to add at least 2 images to see that the circles and the SHADOW appear. Your height or anything else doesn’t matter. Of course I didn’t design the theme, but I can see that nothing has changed from before. You would simply add a couple images and the shadow shows up at the bottom. I have a site using this exact theme/version and it’s working fine.
You don’t have to add a bunch of images, just add 1 image to test it (which I thought you would have already done by now) and you’ll see it show up. Actually, you don’t even have to create a page and add a featured image, etc….if you just want to test it, then you can just add another ID in the slider settings and the shadow will still show up whether the page has an image or not.
So to clear everything up, No there are no issues with the theme, everything is working fine. Just make sure to use at least 2 images or more since this is a slider. I’m posting this for anyone else that may be confused on how to set this up.
Let me know if you have any other questions.
@Scooby you’re welcome!
September 6, 2013 at 11:13 am #7160
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?September 6, 2013 at 11:25 am #7161
Here is an image of what happens on my website:
I hope it is clear to see what we mean.
Thanks!September 6, 2013 at 11:24 pm #7185
@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
September 7, 2013 at 12:15 am #7193
I did try it with an image that is 1140x400px. The slide was still off center and the shadow showed like the image I posted earlier, as well. Yes, I went to the slider settings and entered the measurements of the image. No success.
I would like to know how the demo got to look so good. Maybe I can get the demo content and reverse engineer it. I can’t seem to make the optimal theme look any way near the demo.
Thanks, anyway.September 7, 2013 at 12:30 am #7194
How many images do you have in the slider?
September 7, 2013 at 8:57 am #7204
@Eric, I have two 1140x400px images… Off center and shadow hanging behind to the side when the browser window is wide.September 7, 2013 at 11:06 am #7210
Do you have a link so I can take a look at whats going on?
September 7, 2013 at 1:51 pm #7218September 8, 2013 at 6:08 pm #7238
- You must be logged in to reply to this topic.