[Resolved] Page bottom shadow

[Klaus]

I would like to give my page-bottom a little shadow (above the footer). Can you give me a little help with the css?

[David]

Hi there,

can you provide a link to your site so i can see the layout and then i can provide the CSS.

[Klaus]

https://honigwerk.de/kategorie/reinigung-und-hygiene-am-bienenstand/

You can see the shadow under the navigation-as-header (I took the css from this forum). That is how I would like to layout the bottom of the page.

[David]

Try this CSS:

.site-footer {
    box-shadow: 0 -5px 15px 5px rgba(0,0,0,.25);
}

[Klaus]

Thank you, I played a little around and found this looks nice, it adds two little shadows to the footer and the bottom of the page:

.site-footer {
-webkit-box-shadow: 0 -5px 20px 1px rgba(0,0,0,.12);
-moz-box-shadow: 0 -5px 20px 1px rgba(0,0,0,.12);
box-shadow: 0 -5px 20px 1px rgba(0,0,0,.12);
}

.inside-article {
-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.25);
-moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.25);
box-shadow: 0 10px 6px -6px rgba(0,0,0,0.25);
}

[David]

Glad to hear that

[Author]

Posts