Katie_B Posted April 1, 2021 Share Posted April 1, 2021 Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! Link to comment
Agha_Waqas Posted April 1, 2021 Share Posted April 1, 2021 54 minutes ago, Katie_B said: Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! You can add below code in your Custom CSS editor. It will hide button on both desktop and mobile. #item-60632671dc94e57b3a76bb27 .header-actions-action--cta, #item-60632671dc94e57b3a76bb27 .header-menu-cta { display: none; } Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 On 4/2/2021 at 3:42 AM, Katie_B said: Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! Hi. Add to Design > Custom CSS /* hide order button on product detail */ body.collection-type-products.view-item header#header a.btn { visibility: hidden !important; } LookingGlassCreative 1 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!) Link to comment
maxwel Posted July 12, 2023 Share Posted July 12, 2023 Hi there! I'm also looking to hide the button "Book Now" in the nav on this page only: https://www.sandandsaltescapes.com/for-organizations Any guidance on how to do this would be greatly appreciated. Thanks so much! Link to comment
creedon Posted July 12, 2023 Share Posted July 12, 2023 7 minutes ago, maxwel said: looking to hide the button "Book Now" in the nav on this page only Add the following to Design > Custom CSS. #collection-63f83b263c54254b3c306a35 .header-actions--right .header-actions-action { display : none; } Let us know how it goes. 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
maxwel Posted July 12, 2023 Share Posted July 12, 2023 18 minutes ago, creedon said: Add the following to Design > Custom CSS. #collection-63f83b263c54254b3c306a35 .header-actions--right .header-actions-action { display : none; } Let us know how it goes. That worked perfectly, thanks so much for the fast response and awesome help! creedon 1 Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 Hi again! I'm now trying to hide the nav button "Book Now" on this specific landing page: https://www.sandandsaltescapes.com/final-room-flash-sale Any help with the code to make this happen would be appreciated! If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Thank you! Link to comment
creedon Posted July 25, 2023 Share Posted July 25, 2023 36 minutes ago, maxwel said: If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Check out Heather Tovey's most excellent looking Squarespace ID Finder. 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
maxwel Posted July 25, 2023 Share Posted July 25, 2023 1 hour ago, creedon said: Check out Heather Tovey's most excellent looking Squarespace ID Finder. Thanks! I've installed it and am still a little unsure of next steps. Which ID should I grab? When I run the extension, there isn't a collection ID for the "Book Now" button (I'm assuming that's what we're looking for). Link to comment
tuanphan Posted July 25, 2023 Share Posted July 25, 2023 2 hours ago, maxwel said: Hi again! I'm now trying to hide the nav button "Book Now" on this specific landing page: https://www.sandandsaltescapes.com/final-room-flash-sale Any help with the code to make this happen would be appreciated! If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Thank you! Add to Design > Custom CSS /* Final room flash sale hide buttons */ body#collection-64b82ef6f21edc30584c96bb header#header a.btn { display: none; } 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!) Link to comment
creedon Posted July 25, 2023 Share Posted July 25, 2023 2 hours ago, maxwel said: Which ID should I grab? The collection ID should be the first one that shows after you run the code. It should start with #collection... tuanphan 1 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
maxwel Posted July 25, 2023 Share Posted July 25, 2023 17 hours ago, tuanphan said: Add to Design > Custom CSS /* Final room flash sale hide buttons */ body#collection-64b82ef6f21edc30584c96bb header#header a.btn { display: none; } Thank you so much! Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 16 hours ago, creedon said: The collection ID should be the first one that shows after you run the code. It should start with #collection... Awesome, thank you for walking me through that! tuanphan and creedon 1 1 Link to comment
adamkearney Posted April 8 Share Posted April 8 HELLO! I just tried adding this to my custom css, with my updated collection # but it doesnt seem to be working. Can someone help me out? I am trying to hide the donate button on this specific page. and my collection number is #collection-6600b7bc68936763b8ce3316 Link to comment
tuanphan Posted April 11 Share Posted April 11 On 4/8/2024 at 11:05 PM, adamkearney said: HELLO! I just tried adding this to my custom css, with my updated collection # but it doesnt seem to be working. Can someone help me out? I am trying to hide the donate button on this specific page. and my collection number is #collection-6600b7bc68936763b8ce3316 You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share link to page, we can check easier. #collection-6600b7bc68936763b8ce3316 a.btn { display: none !important; } 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!) Link to comment
adamkearney Posted April 11 Share Posted April 11 Thank you so much. works like a charm! Link to comment
Toucan Posted July 23 Share Posted July 23 Hi there, Is anyone able to help me with a similar issue? I'm trying to remove the "BOOK 1 WEEK TRIAL" button from the header only on specific pages e.g. https://www.inlifewellness.com.au/sign-up-drummoyne What code do I use to do so? I'll need to do the same thing across multiple pages eventually. Link to comment
creedon Posted July 23 Share Posted July 23 55 minutes ago, Toucan said: I'm trying to remove the "BOOK 1 WEEK TRIAL" button from the header only on specific pages The element you are referring to is the announcement bar. The element the OP referred to is commonly referred to as the call to action button or header button. Many posts in this forum on various ways to alter the AB. Add the following to Website > Pages > Website Tools > Custom CSS. // hide announcement bar on some pages, uses LESS syntax #collection-669dab3fcb2ace32c9fcb56b, // sign up drummoyne x-twc-selector // dummy selector so that each selector line above can end with a comma { .sqs-announcement-bar-dropzone { display :none; } } As you need to add other pages to this effect, copy the first selector line of the ruleset and add before the last selector line, replace the collection id with the collection id for the added page. Scroll back several posts of mine in this thread for the link to a tool that will help you find the collection id for a page. Let us know how it goes. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment