Remove scrolling functionality and hide footer on main portfolio page only (but not on project pages)

Site URL: https://www.mattderrick.co

Hi there!

I am trying to hide the footer and remove scrolling functionality on my portfolio page (the one where the titles appear - in my case I am using 'hover:background' style). I'm essentially trying to create a cover page. I have tried introducing some CSS that removes footer/scrolling functionality but due to the nature of the portfolio module, it also removes scrolling functionality from all the project pages too....

Is there any CSS I can introduce to the site that would only apply to the main portfolio page, and not the project pages? 

Thank you very much in advance to anyone who might know how to solve this problem! 

Best wishes,

Matt

4 hours ago, MattDerrick said:

Site URL: https://www.mattderrick.co

Hi there!

I am trying to hide the footer and remove scrolling functionality on my portfolio page (the one where the titles appear - in my case I am using 'hover:background' style). I'm essentially trying to create a cover page. I have tried introducing some CSS that removes footer/scrolling functionality but due to the nature of the portfolio module, it also removes scrolling functionality from all the project pages too....

Is there any CSS I can introduce to the site that would only apply to the main portfolio page, and not the project pages? 

Thank you very much in advance to anyone who might know how to solve this problem! 

Best wishes,

Matt

Try adding to Home > Design > Custom Css

#collection-6280953e357b994502225cb2 footer {
  display: none;
}

Let me know how it works on your site

@bangank36 You are the GOAT! Thank you so much for your help! 🙏 I really appreciate you taking the time to look at my site and provide the solution - thank you!