Jump to content

Hiding code block that appears on page. Launching Website Soon Please Help!

Recommended Posts

Posted

I recently added a code block to the top of select sections in my Mojave template in order to add a "section" to my primary navigation menu. I'm using only one index page and multiple sections to create a long scrolling website. The issue I have is that the code is visible on the pages and I want to hide it. How can I do this? PS:making the body text overlay transparent would work; however, it also makes the body text on other pages transparent which I do not want to happen. Perhaps a CSS to make body overlay transparent on select pages only? Please help.

  • Replies 4
  • Views 973
  • Created
  • Last Reply
Posted

To apply CSS on a specific page, you need to use Page ID. See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

For example, you want to apply CSS to the h1 tag, you need to use


#Page-ID h1 {
  font-size: 20px;
 color: red;
}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.