Add Shadow to feature slider

[vitordt 0]

Hi guys, I am having a lot of fun using Platform Pro. I am trying to add a shadow to a feature slider. I know there is one or two topics of this nature already. However, I don't know what i am doing wrong, as i am using the coding supplied by one of you experts The website is: www.mindon.com.br/v3 I am copying the custom CSS. body #page #page-canvas{background: none} body #page{background: none} #page-main{background:none} .page-id-55 #page-main{background:white} .sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .current_page_item a {background:transparent!important;} #nav_row.main_nav, ul.sf-menu ul li {border-bottom: 0px solid #E9E9E9;} #banners{font-size:10pt} #feature .texture { background: url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom transparent; padding-bottom: 40px; } #branding .content-pad { padding: 15px 0 0 15px; } #feature-footer{border:none;} #feature .texture { padding-bottom: 0; } .page-id-27 #boxes .dcol-pad{ border-radius:10px; -moz-border-radius:10px; box-shadow:1px 3px 6px #999; -moz-box-shadow:1px 3px 6px #999; padding:10px} body .main_nav ul li {float:right;} Thanks and greetings from BRAZIL ! Cheers!

[cmunns 16]

` #feature .texture { background: url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom transparent; padding-bottom: 40px; } ` doesn't exist on the fixed width mode. you'd need #feature_slider {}

[vitordt 0]

Hi Adam, Thanks for your support, but it didn't work. I tried and nothing happened. custom css: #feature_slider { background: url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom transparent; padding-bottom: 40px; } Any thoughts? Cheers!

[catrina 103]

Try adding it to the base.css file in the child theme instead.

[vitordt 0]

Hi Catrina, Tried, but did not work. I have put the following code into the style.css on my child theme. #feature_slider .texture { background: url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom transparent; padding-bottom: 40px; } PS.: the code is in the last line.

[Kate 3]

Try this:

#feature_slider{
	background:transparent url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom;
	padding-bottom: 40px;
	}

[vitordt 0]

Kate, Did not work. I have inserted the code both into style.css (child) and custom css, at a different times of course. It is not working. Any thoughts? cheers!

[cmunns 16]

check your image path...when I click the link there is no image

[vitordt 0]

Hi Adam I just tried pasting the url into Chrome and it showed normally. http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png

[catrina 103]

feature_slider{
	background:transparent url(http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png;) no-repeat scroll center bottom; padding-bottom: 40px;}

^ Try removing "scroll" from the code.

[vitordt 0]

Catrina, did not work. Do you need any other information from my side? If you want, i can send to you my username and password by e-mail so you can check it out. Thanks V?­tor

[Kate 3]

Hi Vitor, I'm assuming the site in your file path is the one you're working on... However, I didn't see the code we gave you in your CSS. Either way, I figured out what the issue was: there shouldn't be a semicolon ";" after the image path. Try this instead:

#feature #feature_slider{
	background:transparent url('http://www.mindon.com.br/v3/wp-content/uploads/2011/06/mind-on-shadow.png') no-repeat center bottom !important;
	padding-bottom:40px;
	}

[vitordt 0]

Kate, Wonderful. It is working like a charm now. The code wasn't there because I was testing between the custom CSS and style.css Thanks for your support. You guys are great. Greetings from Brazil