Footer Border line + inverted Drop Shadow

Store Design
1

Hi!

I have a borderline and red drop shadow coded into my header right now on my store, and I’d like to add the same effect to my footer expcept the drop shadow should be facing the opposite direction back up towards the header.
Is anyone able to help with this?

sonicweaponry_0-1659131577893.png
sonicweaponry_0-1659131577893.png1903×209 17.1 KB

https://sonic-weaponry.com/products/vital-lfo-shapes-vol-1

2 Likes
2

Hi @sonicweaponry ,

Your website is not working. Can you provide us the Shopify share link?

made4Uo_0-1659132268389.png
made4Uo_0-1659132268389.png913×669 18.3 KB

3

@sonicweaponry

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
footer {
    box-shadow: 0 8px 50px 5px #ff0010;
    padding-top: 30px !important;
    margin-bottom: 40px;
    border: 1px solid #ff0010;
}