maxjf5 Posted June 10, 2014 Share Posted June 10, 2014 Using Five template. I tried pasting this code: #header { box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; } But unfortunately no joy. Any thoughts? Link to comment
foleyatwork Posted June 10, 2014 Share Posted June 10, 2014 Can you add a site URL? Developer Evangelist at Squarespace. Link to comment
maxjf5 Posted June 10, 2014 Author Share Posted June 10, 2014 https://homemates.squarespace.com/ Thanks Kevin Link to comment
geekgirlweb1570047771 Posted June 10, 2014 Share Posted June 10, 2014 Looks like you're targeting the wrong CSS id, here is the one you'll want to use: #navigation-top, #navigation-bottom Also adjust the shadow for just the bottom side something like this: -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; } Reference: http://css-tricks.com/snippets/css/css-box-shadow/ Link to comment
geekgirlweb1570047771 Posted June 11, 2014 Share Posted June 11, 2014 Apologies, I deleted your comment by accident! try adding !important to the end of each attiribute after #999. Link to comment
HTXATX2017 Posted January 20, 2017 Share Posted January 20, 2017 This doesn't seem to work for me using the Brine template. Could you answer this?https://answers.squarespace.com/questions/165020/how-to-add-a-drop-shadow-under-the-top-navigation.html Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.