hiba hiba - 13 days ago 8
HTML Question

Change color of footer border

<footer>
<center>
<div class="popup" onclick="myFunction()" style= "padding-right:30px;color: blue;font-size:20px;">*How it works
<span class="popuptext" id="myPopup">how it works</span>
</div>
<a href="#" style= "padding-right:30px;color: blue;margin-top:100px;font-size:20px;">* Site Owners</a>
</center>
</footer>


My CSS:

footer {
position: absolute;
width:100%;
border-top: solid rgba(0,0,0,0.5);
box-shadow: 3px 4px 5 px 6px #000;
}


I put a border top on my footer, but I want it to be the same color as my background photo so it would look like a bump. My background photo is a gradient image. Any ideas? Box shadow didnt work, I tried doing
color: inherit
but it didnt work.

Answer

You got a space in the wrong place in your box-shadow, it should be:

box-shadow: 3px 4px 5px 6px #000;