Jump to content

Remove one footer block (not full footer) from a single page ? (marquee)

Recommended Posts

51 minutes ago, joshua.reynolds said:

I want to adjust the footer on one or two of my pages. Specifically, I have a newsletter box, but I don't want that box to appear on a couple pages. How to I remove just that block? I see a few coding options to hide entire footer, but not just one piece of it. 

Send us a link to your site. You need to target the block and collection id then hide / show in Custom CSS.

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
1 hour ago, joshua.reynolds said:

https://www.zoenetwork.ca/accueil#en-saviour-plu 

This page here, looking to hide the newsletter block at the bottom. 

Thanks, paste this code in the custom css section:

/* -- Hide Newsletter Block on /accueil -- */
#collection-58cc52aedb29d633eb5a09dc #block-yui_3_17_2_1_1625514252316_6206 {
  display: none;
}

Please note, if you remove the newsletter block from your footer and then re-add it Squarespace will generate a new Block ID.

To target all newsletter blocks in the footer you can also do this:

#collection-58cc52aedb29d633eb5a09dc #footer .sqs-block-newsletter {
  display: none;
}

Each page has a unique collection ID. You can find it in your source code.

1227757221_ScreenShot2021-07-05at6_10_34PM.png.832f409b86720f8e4172947d71175aa9.png

Finally, if you want hide this newsletter block on other pages your CSS code would look something like this

/* -- Hide Newsletter Block on multiple pages -- */
#collection-58cc52aedb29d633eb5a09dc #block-yui_3_17_2_1_1625514252316_6206,
#collection-REPLACE-ME-WITH-YOUR-COLLECTION-ID #block-yui_3_17_2_1_1625514252316_6206 {
  display: none;
}

 

Edited by NickScola

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
On 7/6/2021 at 2:51 AM, joshua.reynolds said:

I want to adjust the footer on one or two of my pages. Specifically, I have a newsletter box, but I don't want that box to appear on a couple pages. How to I remove just that block? I see a few coding options to hide entire footer, but not just one piece of it. 

Just found some other problems. Do you need to fix these?

Site URL – https://www.zoenetwork.ca/

1. (Mobile – Head) The link is partially cut off

https://www.zoenetwork.ca/zoe-courses#zoe-discipleship

zoenetwork.ca-01-min.png

2. (Mobile – Heart) In homepage, menu items are arranged vertically, in heart, menu items are arranged horizontally.

https://www.zoenetwork.ca/heart

zoenetwork.ca-02-min.png

3. (Tablet – Footer) On desktop, text design by is on one line, on tablet, it’s cut into 2 lines.

https://www.zoenetwork.ca/home#cause-of-the-week

zoenetwork.ca-03-min.png

4. (Mobile – team members) On desktop, there is text caption on each image. There is no text on mobile.

https://www.zoenetwork.ca/team-members/pcw733dpoh94dgb6k1llt0wp3pifkk

zoenetwork.ca-04-min.png

5. (Tablet – Head) Text is overflowing outside the block.

https://www.zoenetwork.ca/zoe-courses#zoe-discipleship

zoenetwork.ca-05-min.png

6. (All devices – hand) There is no text Read more in paragraph LAURA BENSON – LEORA MINISTRY – UGANDA

https://www.zoenetwork.ca/zoe-projects#health-1

 

zoenetwork.ca-06-min.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.