bottom border drop shadow

[john gronley]

Hello I am trying to put a drop shadow along the bottom of the maps on the home page of http://phoenixhomesforsalehq.com I tried to add this line of code. I added the !important since it is overriding the code on the server. But this doesn't seem to show the drop shadow. I do see the shadow behind the map when I refresh the screen. Is there some code I can use to add a drop shadow that is similar to the top-left area of this theme?

border-bottom: url(images/home-shadow.png) no-repeat !important;

Thanks,

John

[ramseyp]

John, what browser are you using? IE 10 might support this, IE9 & older doesn't support border images. Firefox, Chrome & Safari should work fine. In Chrome, I see the shadow under the maps.

---

Community • Work • Conversations

[john gronley]

I got it figured out I first had to add the !important to override the css on the IDX server then I added this:

border: 1px solid #b3c3ca !important;
box-shadow: 5px 5px 5px #808c96;
height: 250px;

http://phoenixhomesforsalehq.com

Thanks Ramsey

[Author]

Posts