Shadow Footer

Posted in: Newspaper
Post count: 312
gumball44
#316386
Oct 18, 2019 at 12:09 pm

Hi,

I found this ccs on the forum

.td-footer-wrapper {
box-shadow: -1px -15px 12px -5px gray;
}

, but I have some difficulties to make it corresponding to what I want.

I want a 5px shadow color #222222, with no H or V offset

Thank you

Post count: 35449
Calin
#316415
Oct 18, 2019 at 3:11 pm

Hi,

This custom css -> http://prntscr.com/pl23mq will apply only on default template, if you are using a page as footer page, this will not be apply on that footer page.
You can check here all the box shadow proprieties -> https://www.w3schools.com/cssref/css3_pr_box-shadow.asp
If you want you can try this custom css -> http://prntscr.com/pl259l
.td-footer-wrapper {
box-shadow: 0 0 5px #222;
}

Thank you!

Post count: 312
gumball44
#316431
Oct 18, 2019 at 4:10 pm

Perfect ! Thank you !

Post count: 312
gumball44
#316994
Oct 23, 2019 at 3:13 pm 
.td-sub-footer-container {
box-shadow: 0px 0px 4px #000;
}

I try this code in order to add shadow on sub footer, but it doesn’t work =/.

Any ideas ?

Thank you

  • This reply was modified 6 years by gumball44.
Post count: 35449
Calin
#317012
Oct 23, 2019 at 4:25 pm

Hi,

Please provide some more details about the footer you are using, also some screenshots wold be very helpful.

Thank you!

Post count: 312
gumball44
#317019
Oct 23, 2019 at 5:05 pm

I’m using the default footer and sub-footer, I think I found the issue, It looks like an z-index issue ?

with or without footer shadow, the issue is still here.. Can’t see the shadow from subfooter on footer.

https://imgur.com/a/WOt2MyE

Post count: 35449
Calin
#317045
Oct 24, 2019 at 7:37 am

Hi,

Let’s try one more time, this code should do the trick -> http://prntscr.com/pnctwa
.td-sub-footer-container
{
box-shadow: 0px 0px 4px #fff;
position: relative;
}

Hope this code should work for sub-footer shadow!
Thanks.

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.