Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
peterward13

Need to disable custom CSS for specific page

Question

We're using custom CSS in the Maple template to make a parallax hero image on the home page that takes up the entire height of the screen:


#hero-banner,
.Parallax-host .Parallax-item {
   height: 100vh;
}

However, that CSS is forcing our product pages to have a bunch of empty white space at the top. I'm hoping we can use Code Injection to disable that CSS just on the Product pages. Please help!

Edited by peterward13
Initial Revision

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

@peterward13 You can edit code to apply only homepage


 .homepage #hero-banner, .homepage .Parallax-host .Parallax-item {
    height: 100vh;
}



Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...