Monochrome Pro – Extra space (shadow) between footer and copyright footer.

[[email protected]]

Hi,

I'm stuck. I added a 4 column footer to my Monochrome Pro theme and a week later, I seem to have the container shadow come out of nowhere.

I am not sure how it got there or how to remove it. I have only made changes to my functions php file and css.

<div class="site-container shadow" style="margin-bottom: 275px;">

https://parkpower.ca/dev2/

Any ideas?

THANK YOU!

https://parkpower.ca/dev2/

[Bianca]

Hi there,
It's hard to say. Have you tried disabling all plugins?

You can try to find this CSS in the database or within the files. But if you did not put it there, the interesting thing to know would be, what happened?

---

I am a Marketing Communications specialist at Communics.

Visit my personal website | Follow me on Twitter | Connect on LinkedIn

[AnitaC]

The shadow affect is coming from this in the stylesheet - Line 1291. It only appears when scrolling. That shadow is to keep the white background from the navigation from blending in with other white or lighter elements.

If you look at the demo of Monochrome and scroll down, you will see it there as well. This is not a bug.

.shadow .site-header,
.site-header.search-visible {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

---

Need help with customization or troubleshooting? Reach out to me.

[[email protected]]

Hi Anita,

Thanks for replying.

I actually like the shadow. Maybe I am accusing the wrong style of being a bug. If you look at the giant gap in my footer between the 4 widgets and the copyright, that is the mystery to me. How do you think the style="margin-bottom: 275px; could be getting in there?

Thanks again!

Jodi

[[email protected]]

It's weird because I haven't added anything. I have some minimal plugins going on, but I will give that a try. Thanks for replying!

[AnitaC]

Looks like you modified your theme to eliminate the hidden footer and you added the footer widgets. So somewhere you've failed to remove or add additional code to accommodate those new features.

You can add this to the Additional CSS box to remove it.

.site-container.shadow {
    margin-bottom: 0 !important;
}

---

Need help with customization or troubleshooting? Reach out to me.

[[email protected]]

Anita that totally worked, although I still have a single pixel line showing. I will keep at it to find what I did to remove it through the source.

I appreciate the response.

Thank you!

[broon5784]

yes i always face so much difficulty whenever i have to customize its coding bcz i have no experience in it is there any solution without coding available if yes then plz guide me.

[Author]

Posts