joshua.reynolds Posted July 5, 2021 Share Posted July 5, 2021 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. Link to comment
NickScola Posted July 5, 2021 Share Posted July 5, 2021 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
joshua.reynolds Posted July 5, 2021 Author Share Posted July 5, 2021 36 minutes ago, NickScola said: Send us a link to your site. You need to target the block and collection id then hide / show in Custom CSS. https://www.zoenetwork.ca/accueil#en-saviour-plu This page here, looking to hide the newsletter block at the bottom. Link to comment
NickScola Posted July 5, 2021 Share Posted July 5, 2021 (edited) 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. 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 July 5, 2021 by NickScola tuanphan 1 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
tuanphan Posted July 13, 2021 Share Posted July 13, 2021 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 2. (Mobile – Heart) In homepage, menu items are arranged vertically, in heart, menu items are arranged horizontally. https://www.zoenetwork.ca/heart 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 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 5. (Tablet – Head) Text is overflowing outside the block. https://www.zoenetwork.ca/zoe-courses#zoe-discipleship 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 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment