Full width slider problem
-
Cool, that worked for the width, I really appreciate your help!
But now the image overflows the menu and the slider navigation icons…
I guess one way to solve this is to reduce the height, but I really like 230 px 🙂
Is there a way to solve this?
Try adding this to your custom CSS: (Note: just include the
paddingproperty from my top box to the one I already gave you. No need to type out a whole new.one-column .full-sized.featured_slider #slider_rootelement..one-column .full-sized.featured_slider #slider_root {
padding-top: 20px;
}Next, insert this:
.full-sized.featured_slider {
padding-top: 20px;
}You can play around with these numbers until you find something you like.
Yes I tried that as well, but now the navigation icons are above the slider…
I tried removing the float: left; And that got the navigation icons back in their place, but screwed up firefox again 🙂
Well, play around with it (that’s all I’m doing). You might want to consider removing all the mods, and starting back at the beginning, now that you are more experienced with the process.
Post back if you get stuck or find a solution.
Will do that, Thanks again 🙂
Admin
To change the size of the background image for the slider, insert this into your child theme’s
functions.phpfile:function graphene_custom_slider_image_size(){
return 960;
}
add_filter( 'graphene_slider_full_image_width', 'graphene_custom_slider_image_size' );Josh is right, the theme tells WordPress to auto-crop the image to 930px wide so that it fits nicely in the slider. When you change the slider size, you’ll have to do the above too so that WordPress crops the slider image to the new size.
Note that when you do the change, your existing images won’t be resized. You need to either upload the image again, or use the AJAX Thumbnail Rebuild plugin.
Thanks Syahir!
That totally did the trick 🙂
I knew there had to be a simple solution…this theme is so awesome!
Hi guys,
I’m having a similar problem with my slider images too I think!
I’ve tried all of your codes from this thread but it’s still not working. The images aren’t in the correct position and seem to be too low and on the right, also over flowing into the next image. I’ve got 3 images on the slider for now to test it, but will put more eventually. Here’s the link http://www.onesixlimited.com
Do you know what else might be wrong?
Thanks in advance! The support on this forum is incredible 🙂
you have set the image width as the same me 960 px, and you have borders, so it’s more like 920 px i width or something…If you want to go full width like me (960px) you have to remove borders, margin and such
Admin
pinkcarrot, try switching the slider display type to “background image and excerpt” instead of “thumbnail and excerpt”.
- You must be logged in to reply to this topic.
