Agency Demo, Default Portfolio in Demo - need code to turn off footer

Support
#1

Is there a recommended code that would allow me to turn off the footers in the entire portfolio section or the Agency demo? When viewing on the highest resolution and largest available monitor screen size, the footers show up in the middle of the screen vertically and are a distraction from the relevant content. Please provide code if possible.

#2

Hi There,

Thanks for writing in! Please provide us with the URL to your Portfolio page, so that we can assist you with a possible workaround for this.

Thanks!

#4

Hi there,

Please add this CSS to your global custom CSS.

.single-x-portfolio .x-colophon {
display: none !important;
}

Thanks!

#5

@Rad - thank you for getting back to me with the code. It worked on the portfolio item linked pages, but it did NOT work on the “Main Portfolio” pages (the pages that have the image links). Is there some CSS code missing from the supplied code you provided? I noticed on the linked portfolio pages that once I successfully removed the footer with the code you supplied, there is now a light gray box where the footer was. Is there any code that you are able to provide to remove the bottom gray box where the footer used to be?

#6

Hi There,

Please try using developer tools to inspect element and then apply styling. See this: https://screencast-o-matic.com/watch/cb6FlfI7AB

.page-template-template-layout-portfolio footer.x-colophon.bottom {
    display: none;
}

I am not sure with the light gray box. But the background color is grey. You may replace that on X > Launch > Theme Options > Layout and Design > Background Options

Hope this helps.

#7

@Lely,
Thank you so much, that was very helpful!

#8

You’re most welcome!