[James]

Hi there,

I have installed this free version of the theme to try out, and have found the Homepage to have a grey coloured overlay over half the page. I am not sure of how to fix this and am wondering if it due to it being the free version?

Screenshot: http://atcma.org/wp-content/uploads/2014/04/screenshot.png

[Sakin]

@James: How did you get that grey overlay. We don’t have that in our theme. See the demo page http://catchthemes.com/demo/catch-kathmandu/. Can you post the URL where you find that.

[James]

I have deleted all plugins, and also purchased and installed the PRO version. The Homepage greyed out top half still occurring.

The URL: http://atcma.org/

Thank you,
James.

[Sakin]

@James: I found the co-overlay code in your page “home”. Edit your page home from “Pages => All Pages” and edit Home and delete the following code. This code most be from your previous theme or previous plugins.

<div id="cp-overlay2" style="outline: 0px; position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; margin: 22px; background-color: black; opacity: 0.24; z-index: 21; font-family: sans-serif; font-size: 12px; line-height: 16.796875px;"></div>
<div id="cp-inline-wrapper" style="outline: 0px; margin: 29px; position: relative; overflow: scroll; background-color: #f3f3f3; z-index: 22; max-height: 600px; font-family: sans-serif; font-size: 12px; line-height: 16.796875px;"></div>

[James]

Thank you very much for this fix!

[BusyB]

Hi! I’m having the same problem with my header. There is a grey overlay instead of continuing my background. It happens on every page, not just the homepage. I tried looking for the code you mentioned, but I couldn’t find anything similar. Maybe I’m looking in the wrong places? My header image is a .png so the background should show through… not sure where I went wrong…

http://www.thebusybhomemaker.com

[Sakin]

@BusyB: Your case is different and you are using Simple Catch theme. So, I guess you are trying to remove the grey header background. For that you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#header { background-image: none; }

[BusyB]

@Sakin Perfect! Thank you so much! 🙂 You wouldn’t happen to know how to fix the ascenders of a font, would you? haha I know that’s a completely different topic. It’s just my next issue to work on

[Author]

Posts