Jump to content

How to hide .flier on blog posts?

Recommended Posts

Site URL: https://www.mdwfair.com/atlas

Blog Page Link: https://www.mdwfair.com/atlas

Example Blog Post Link: https://www.mdwfair.com/mdwatlas/indigenousartalliance

 

The .flier (floating green map) is currently appearing by Settings > Advanced > Code Injection 

 

I'd like to make it not appear on Blog Posts since it makes the text/articles hard to read. I thought just adding this to

Blog Settings > Page Header Code Injection could work but its had no effect:

 

.flier {
display: none !important;}

 

Would appreciate any help!

Link to comment
  • Replies 1
  • Views 144
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page.

<style>

  .flier {
  
    display : none;
    
    }
    
  </style>

Then leave it in place so we can see why it is not working. Let us know when you add the code.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.