Jump to content
Sign in to follow this  
cesoielampo

Feature Slider: 100% on content area

Recommended Posts

cesoielampo

Hello, i would like to increase the with of the Feature slider in order to fit perfectly in the content area. I'm doing this with

#feature_slider div.default-features {width: 980px;}
	#feature-area {width: 980px }
	.home #feature-footer {width: 980px;}
	.home #feature_slider{width:980px;}
	.home #feature-area, .feature-wrap {width: 980px;}
	.home #feature-footer {width: 980px;}

But i cannot get rid of the left margin/padding so Feature Slider is never centered in the page. I tried searching here but i cannot find anything similar. could you pls help? thanks,

Share this post


Link to post
Share on other sites
Danny
Hi, Without being able to view your website makes it very difficult to assist you. However, please add the code below to your custom css and see if this resolve the issue. [code]#feature .content-pad {padding:0px !important;}[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
cesoielampo
Hi Danny, thanks for your fast reply. i tried to add the code you provide but unfortunately it did not solve the problem both on IE and FF. i would like to show you the screenshot i took in order to show you what i mean. [img]https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/303477_3781193573226_1378550210_33404051_798913224_n.jpg[/img] any idea? thanks

Share this post


Link to post
Share on other sites
Jenny
Since your site is not live, we are not able to help you figure out the issue. You may want to try commenting out your other code to see if that helps. it looks like your margins are off. You may want to add a negative left margin.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
cesoielampo
Hi simple_mama, i managed to solve this. The problem was that some div's width was not 980px. So i solved like this: [code]#feature .content-pad {width: 980px;} #feature .content {width: 980px; border: 0px;} #feature .texture {width: 980px; } #feature_slider div.default-features {width: 980px;} #feature-area {width: 980px;} #feature-footer {width: 980px;} #feature_slider{width:980px; } #feature-area, .feature-wrap {width: 980px;} #feature-footer {width: 980px;}[/code] Thanks for your kind help, have a nice day!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×