hiba hiba - 1 year ago 97
HTML Question

Change color of footer border

<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>
<a href="#" style= "padding-right:30px;color: blue;margin-top:100px;font-size:20px;">* Site Owners</a>


footer {
position: absolute;
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 Source

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

box-shadow: 3px 4px 5px 6px #000;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download