I lost the drop shadow on the Feature page when I changed to a custom color - Eco Pro
Started by
js@tusontrading.com
, Nov 18 2011 12:15 AM
11 replies to this topic
#1
Posted 18 November 2011 - 12:15 AM
How do I bring back the drop shadow in the spotlight area? And please....type slowly, I'm still pretty new at this.
Here is my site www.yardarmbeach.com
Thanks!
#2
Posted 18 November 2011 - 12:55 AM
Can you paste your custom CSS here?
What customizations have you made and what files have you edited?
#3
Posted 18 November 2011 - 01:26 PM
Here is my custom CSS
body #spotlight .effect, body #footer .effect, body #welcome {background: #003399;}
As far as files being edited and customization, I don't really believe that I edited anything...as far as I know
#4
Posted 18 November 2011 - 04:25 PM
The shadow property isn't in the code you added so I think that is getting rid of the shadow. Try adding this to your Custtom CSS:
#spotlight .shadow-bottom {
background: transparent url(../images/spotlight-shadow-bottom.png) repeat-x left bottom;
#5
Posted 18 November 2011 - 11:03 PM
So that it looks like this?
body #spotlight .effect, body #footer .effect, body #welcome {background: #003399;}#spotlight .shadow-bottom {
background: transparent url(../images/spotlight-shadow-bottom.png) rep
If so...It didn't work.
#6
Posted 19 November 2011 - 02:19 AM
Copy and paste catrina's code exactly and try that. if it doesn't work, you can always go back to your original code that you posted.
What you posted directly above won't work.
#7
Posted 20 November 2011 - 12:12 AM
That didn't seem to work because using just Catrina's code causes me to lose my custom color #003399 Is there a way that I can have my custom color and have the drop shadow within the spotlight edges?
#8
Posted 20 November 2011 - 12:36 AM
Honestly I don't know, but to combine the code, use:
If that doesn't work, replace it with this:
And make sure you're not leaving any of the old code in there as it can overwrite these changes.
#spotlight .shadow-bottom {
background: #003399 url(../images/spotlight-shadow-bottom.png) repeat-x left bottom;
}
If that doesn't work, replace it with this:
#spotlight .effect {
background: #003399 url(../images/spotlight-shadow-bottom.png) repeat-x left bottom;
}
And make sure you're not leaving any of the old code in there as it can overwrite these changes.
#9
Posted 20 November 2011 - 02:05 PM
Thanks for the assistance, but it still doesn't seem to help....unless because my blue color is a little on the dark side it doesn't appear to show the shadow.
#10
Posted 20 November 2011 - 04:12 PM
Would you mind making the blue a lighter shade?
#11
Posted 20 November 2011 - 04:48 PM
Unfortunately I can't. That shade of blue is used heavily at the location for which the website is for. I wanted to carry it through. I guess that it's no biggie.
#12
Posted 20 November 2011 - 05:01 PM
From a designer's point of view, I think the brand consistency is more important, so if you'd like to carry it through, I think it's a good idea.











