remove footer top blocks from specific pages

Site URL: http://www.susannasarts.com

Hi, using a Brine family template (Jaunt) and need to remove the footer top blocks from specific pages. 

I've been trying variations on this and it isnt working: <style>.Footer-top-blocks{display:none !important; }</style>

I tried using chrome dev tools to figure out what that specific element is called but it appears to simply be part of the body when looking at dev tools so Im not sure how to call it out.

halp!

Which pages do you want it removed from?

Everything except the shop pages. I have a yotpo review code in there for the shop.

Design -> Custom CSS

#collection-5d9e61daa14e5155ed7c3773 #footerBlocksTop {
	display: none;
}

That is your bio page. you will need an additional block of code, with a different #collection for each page that you want to hide it from. If you send me the exact pages, I can get those for you.

You rock, man! I should be able to find the #collection for each page. thanks so much!!

Hello @rwp,

I would like to know if it will be possible to get the code to remove the top blocks from the shop and keep it for all the other pages?

The opposite request of @mayflyaway actually!

I wish you a wonderful evening. 🙂

On 10/28/2021 at 4:38 AM, iJizzy1 said:

Hello @rwp,

I would like to know if it will be possible to get the code to remove the top blocks from the shop and keep it for all the other pages?

The opposite request of @mayflyaway actually!

I wish you a wonderful evening. 🙂

You want

Remove Footer Top from Shop Page only? Can you share link to your site? We can help easier

Yes this is exactly it.

brondyhumphrey.com
password: soleil

On 10/31/2021 at 8:58 PM, iJizzy1 said:

Yes this is exactly it.

brondyhumphrey.com
password: soleil

You mean this footer?

Add to Design > Custom CSS

/* remove top footer from shop page */
body#collection-613a711f7d13067021ebbd3c footer.sections section:first-child {
    display: none;
}

Thank you @tuanphan this is exactly what I tried to do! Do you know if it is possible to add the last block of my shop section on all product pages?

Thank you a lot for your help.

On 11/3/2021 at 6:02 AM, iJizzy1 said:

Thank you @tuanphan this is exactly what I tried to do! Do you know if it is possible to add the last block of my shop section on all product pages?

Thank you a lot for your help.

 

You can add it to footer, then we will use code to show it on shop page & product pages only

Hello @tuanphan,

Sorry for the late response, I haven't seen your answer !

Yes of course, I just had it to the footer of my website, you can check it right now.

 

On 11/13/2021 at 5:39 AM, iJizzy1 said:

Hello @tuanphan,

Sorry for the late response, I haven't seen your answer !

Yes of course, I just had it to the footer of my website, you can check it right now.

 

You mean this section?

Yes @tuanphanthis section!

On 11/15/2021 at 5:38 PM, iJizzy1 said:

Yes @tuanphanthis section!

Add to Design > Custom CSS

body:not(.collection-type-products) [data-section-id="618e87435c9d244eec142a4f"] {
    display: none;
}

On 11/2/2021 at 9:16 AM, tuanphan said:

You mean this footer?

Add to Design > Custom CSS

/* remove top footer from shop page */
body#collection-613a711f7d13067021ebbd3c footer.sections section:first-child {
    display: none;
}

Hello @tuanphan,

I'll get back to you because I just figured it out that this footer is still on all product pages.

When I said I wanted "to remove it from the Shop page" I meant on the shop page + all product pages.

My bad, I think I mispoke. Could you think it is possible to make the change in the code ?

I wish you a wonderful day @tuanphan, you are the best !

On 11/26/2021 at 5:54 AM, iJizzy1 said:

Hello @tuanphan,

I'll get back to you because I just figured it out that this footer is still on all product pages.

When I said I wanted "to remove it from the Shop page" I meant on the shop page + all product pages.

My bad, I think I mispoke. Could you think it is possible to make the change in the code ?

I wish you a wonderful day @tuanphan, you are the best !

Add to Shop Page Header

<style>
  footer.sections section:first-child {
    display: none;
}
</style>

Thank you a lot @tuanphan it is working !

Is the code specific to someone's website or is there a generic code to have a footer on the main page, but not visible on the rest?

On 11/28/2021 at 1:01 AM, Tink84 said:

Is the code specific to someone's website or is there a generic code to have a footer on the main page, but not visible on the rest?

To make footer show on homepage only, add this code to Design > Custom CSS

body:not(.homepage footer.sections {
	display: none;
}

Need some help. My footer top blocks keeps moving to the navigation whenever I add 2nd folder to the primary navigation :(

On 8/31/2022 at 10:09 AM, ceszalea said:

Need some help. My footer top blocks keeps moving to the navigation whenever I add 2nd folder to the primary navigation 😞

What is your site url? We can help easier

Hello! I am trying to remove the footer from all pages except my shop page just like "mayflyaway" was trying to achieve and I am wondering where you get the "collection-5d9e61daa14e5155ed7c3773" part of the code from? I understands that will be unique to my site, but where do I copy that part of code from? I'm obviously not too experienced in code, thank you! @rwp
 

#collection-5d9e61daa14e5155ed7c3773 #footerBlocksTop {
	display: none;
}

On 10/12/2023 at 11:17 PM, NienowBrand said:

Hello! I am trying to remove the footer from all pages except my shop page just like "mayflyaway" was trying to achieve and I am wondering where you get the "collection-5d9e61daa14e5155ed7c3773" part of the code from? I understands that will be unique to my site, but where do I copy that part of code from? I'm obviously not too experienced in code, thank you! @rwp
 

#collection-5d9e61daa14e5155ed7c3773 #footerBlocksTop {
	display: none;
}

It is Page ID. You can follow this quick guide to find ID

Or share link to shop page, we can give exact code