Slider width and white borders

  • eg121

    #5189

    I have been playing around with the slider for a few days and I am having trouble getting it to span the entire column. I have searched through this forum and played around with different settings using Firebug but just can’t get it right. Could someone please take a look at my site and give me a clue on how to get rid of the white borders on either side of the slider? Thank you so much for this theme and this forum!

    Anonymous

    #30994

    Did you get this resolved? All I see is the grey padding on either side of the slider… which should be there as it’s applied to the entire page.

    eg121

    #30995

    No not yet, it’s the grey padding on the sides and the padding(?) on the top of the slider that I am trying to get rid of so that the slider spans the entire 960px.

    Anonymous

    #30996

    Try this,

    .bgimage-excerpt.featured_slider {
    margin-left: -10px;
    width: 960px;
    }

    It will give you the below result. You might need to replace the slider images with 960px width ones.

    MwAvv.png

    eg121

    #30997

    Thanks for the reply Prasanna! The only problem is that while the slider spans the 960px, the picture doesn’t and the slider shows part of the ‘featured image’ from the next post. I’ve reuploaded a new image with the right dimensions just to check, but the issue still remains. Any luck with this one?

    Anonymous

    #30998

    Try,

    .sliderpost_featured_image {
    width: 960px;
    }

    If the above code doesn’t work,

    .sliderpost_featured_image img {
    width: 960px;
    }

    Try this custom function. Untested. So be careful! (I bet, it will not work. But, sometimes miracles happens! icon_wink.gif )

    function graphene_custom_slider_image_width(){
    return 960px;
    }
    add_filter('graphene_slider_image_size', 'graphene_custom_slider_image_width');

    eg121

    #30999

    Thanks again for the input Prasanna. I tried all three without success unfortunately..

    Anonymous

    #31000

    Hmm.. Try this,

    .featured_slider #slider_root {
    width: 960px !important;
    }

    eg121

    #31001

    Still no luck 🙁

    Admin

    Syahir Hakim

    #31002

    Insert this code into your child theme’s functions.php file:

    function graphene_custom_slider_image_width(){
    return 960;
    }
    add_filter( 'graphene_slider_image_width', 'graphene_custom_slider_image_width' );

    Then add this code to your child theme’s style.css file:

    .featured_slider {
    margin-left: -10px;
    width: 960px;
    }
    .container_16 .slider_post {
    width: 960px;
    }
Viewing 10 posts - 1 through 10 (of 15 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!