1

[eg121]

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]

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]

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]

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.

[eg121]

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]

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! )

function graphene_custom_slider_image_width(){

return 960px;

}

add_filter('graphene_slider_image_size',  'graphene_custom_slider_image_width');

[eg121]

eg121

#30999

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

[Anonymous]

Anonymous

#31000

Hmm.. Try this,

.featured_slider #slider_root {

width: 960px !important;

}

[eg121]

eg121

#31001

Still no luck 🙁

[Syahir Hakim]

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;

}