How can I make the feature slider the same width as the canvas?

[laurenp 0]

I want to make my feature slider equal to the width of the canvas so there is no margin either side. I've tried messing with #feature and #feature_slider but no luck. I've looked at it using firebug and just can't see how to control the width without throwing things out. It seems to be generated dynamically depending on your settings. Any help on this would be appreciated...

[Kate 3]

Do you have a link to your site, please?

[laurenp 0]

Hi Kate, Still building it but you can see where I want to make it full width... http://www.permaculturesydneyinstitute.org/home/

[Rob 547]

Check this.. .http://www.pagelines.com/forum/discussion/12458/featured-slider-width-a-solution#Item_4

[laurenp 0]

Hi there, I added the following code into my CSS as per the link you sent but no joy. FYI the page width is set to 960 and I made the banner 980 just to have a bit of buffer but it still has the white border. I also tried a value of 100% but no luck their either. What am I doing wrong? #feature_slider div.default-features {width: 960px;} #feature-area {width: 960px} .home #feature-footer {width: 960px;} .home #feature_slider{width:960px;} .home #feature-area, .feature-wrap {width: 960px;} .home #feature-footer {width: 960px;} Cheers, Lauren

[catrina 103]

The white border is actually extra margin space on either side of the banner. That needs to be reduced, rather than making the canvas wider (if the width gets bigger, the padding will remain the same). Does that make sense?

[nicosec 0]

where is that margin controlled? I am having trouble locating where that is set in the CSS.

[Jenny 33]

	#page-main .content {
	    border-left: 0;
	    border-right: 0;
	}
	.content {
	    margin: 0;
	}
	

.. will remove your margins and border spacing. But something is still off. Try playing around with the PlatformPro Layout settings until you get the width right.

[nicosec 0]

Thanks, that worked!

[laurenp 0]

Thank you to everyone for your help! I set my site width to 980px in the layout settings and used the following CSS and it worked... #page-main .content { border-left: 0; border-right: 0; } .content { margin: 0; } .fixed_width #page, .fixed_width #footer, .canvas #page-canvas { width: 980px !important; } Cheers! Lauren