Full width slider problem

  • Anonymous

    #18702

    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?

    Anonymous

    #18703

    Try adding this to your custom CSS: (Note: just include the padding property 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_root element.

    .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.

    Anonymous

    #18704

    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 🙂

    Anonymous

    #18705

    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.

    Anonymous

    #18706

    Will do that, Thanks again 🙂

    Admin

    Syahir Hakim

    #18707

    To change the size of the background image for the slider, insert this into your child theme’s functions.php file:

    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.

    Anonymous

    #18708

    Thanks Syahir!

    That totally did the trick 🙂

    I knew there had to be a simple solution…this theme is so awesome!

    Anonymous

    #18709

    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 🙂

    Anonymous

    #18710

    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

    Syahir Hakim

    #18711

    pinkcarrot, try switching the slider display type to “background image and excerpt” instead of “thumbnail and excerpt”.

Viewing 10 posts - 11 through 20 (of 26 total)

  • You must be logged in to reply to this topic.