bottom border drop shadow

Community Forums Forums Design Tips and Tricks bottom border drop shadow

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  john gronley 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #29495

    john gronley
    Participant
    Post count: 124

    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

    #30624

    ramseyp
    Participant
    Post count: 97

    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.


    #30741

    john gronley
    Participant
    Post count: 124

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.