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

Bedford remove elements on select pages

Question

Given that Bedford does not offer a landing page template, and cover pages are too limiting in terms of design, I would like to create a few select pages with no header or mobile navigation, and no pre-footer or footer nav. I know this must be possible and I've read several articles, but none of the answers have worked. I've tried adding this to the CSS:

.collection (insert collection id here) #navigation-top { display: none !important } I've also tried adding a style tag to hide nav elements via the advanced tab on the page settings, but nothing is helping.

I know there must be way to do this so I can build a landing page template that I can use for my site, but I can't find anything that works. Any help is appreciated. Thanks! Julie

Edited by scipioni_central

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

I used this code, but it didn't remove the icons from that page:


body#collection-5d3c8c3d8fe70300011faedb footer#footer .socialaccountlinks-v2-block {
    display: none;
}

However, using the tag of .socialaccountlinks-v2-block you provided, I entered the following code into the Advanced tab of the Page settings, and it did remove the icons:


  <style> .socialaccountlinks-v2-block {display: none} 
   </style>

Thanks!Julie

Share this post


Link to post
  • 1

Success to share! The code below, added as code injection on the Advanced tab of the page settings has hidden the main navigation, footer navigation, and pre-footer only from the page to which the code was added.


<style>
#mainNavigation { display: none }
 #preFooter { display: none }
 #secondaryNavigation { display: none }
 #footer { display: none }
</style>

However, I still can't crack the code to hide the social icons without hiding the entire footer. I've tried #social-links, #social-icons-svg, and #sqs-social. None of those are working.

Edited by scipioni_central

Share this post


Link to post
  • 1

@scipioni_central Can you share site url? Each site will have different CSS Class/ID.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@scipioni_central Add to Home > Design > Custom CSS


/* Remove Footer Social Icons on Entire Site */
footer#footer .socialaccountlinks-v2-block {
   display: none;
}

if you want to remove on specific page, use the following code. Replace body#....db with Page ID.

See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID


body#collection-5d3c8c3d8fe70300011faedb footer#footer .socialaccountlinks-v2-block {
   display: none;
}



You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

To summarize for those who are following this question, here is the code I added to the Advanced tab of the page settings for pages on which I wanted to hide the header, the main navigation, the pre-footer, the secondary navigation, and the social icons:


<style>
#mainNavigation { display: none }
 #preFooter { display: none }
 #secondaryNavigation { display: none }
 #header {display: none}
 .socialaccountlinks-v2-block {display: none} 
</style>


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