Remove shadow effect above footer

[claywebdev]

Hi there,

I have tried several of the support forums to remove the shadow effect on the footer area of my site. http://keighleyclay.com/

I have removed the shadow effect from the masthead and logobars using the following CSS
.x-logobar{
border:none;
}
.x-navbar{
border:none;
}
.x-navbar{
box-shadow:none;
}

Bt now I want to completely remove the shadow effect from the footer.

The two forums I have used are here

https://theme.co/apex/forum/t/removing-the-grey-line-in-the-footer/14703/2
and
https://theme.co/apex/forum/t/footer-shadow/6512/2

Thanks for your help

Chris

[thai]

Hey There,

Please remove the box-shadow of the bar in your footer builder:

Let us know how itit goes!

[claywebdev]

Hey Thai,

Thank you for your help. It has worked across the site, but not in the portfolio items.

Example is here:

http://keighleyclay.com/portfolio-item/interview-mollie-makes-issue-40/

Can you see how to resolve this o the portfolio items too?

Thanks you for your help

[thai]

Hi There,

Please also add this custom CSS under X > Theme Options > CSS:

.entry-wrap.cf {
    box-shadow: none;
}

Let us know how it goes!

[claywebdev]

Hi Thai,

This is great thank you. I also got rid of the single line below the masthead using the following

.entry-featured {
box-shadow: none;
border:none
}

Thanks for your help

Chris

[claywebdev]

Hi sorry,

I thought I had removed the line below the masthead in the portfolio item page with the entry-feature mentioned above.

However, I can’t remove the single line below the menu items on page

http://keighleyclay.com/portfolio-item/interview-mollie-makes-issue-40/

could you help with this.

Thanks again

Chris

[thai]

Hi There,

Try to change your custom CSS to this:

.entry-featured {
    box-shadow: none;
    border: none !important;
}

Let us know how it goes!

[claywebdev]

Brilliant, thank you so much Thia.

Legend

All the best
Chris

[thai]

You’re welcome.