Removing Footer From every page

  • Hello! I recently purchased a theme for my new podcast, and there isn’t very detailed documentation on it. There is also no extra CSS support from the site. Anyway, I on my home page, as seen above, I have the first footer Banner on the home page. It has the “subscribe to our podcast now” background. There doesn’t seem to be any way that I can JUST have that portion on the home page and not on every single page of the website. I contacted the developer with no feedback on the matter. Is there anyone that can help me with a code that will eliminate certain page IDs from appearing with this footer Banner?

    Thank you and I hope this is the correct forum!

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 57 total)

  • Your best bet is to seek help from the theme author. Letting them know will probably help other users who might want this feature also.

    If that item is a widget then this plugin might help you https://www.ads-software.com/plugins/widget-options/

    Else you might create a theme page for just that page and embed the ‘banner’, form, and/or background image in that custom page in it’s custom footer section.

    The <body> tag of the home page will include the home class, so what you can do is add a couple of rules, the first which hides the subscribe widget by default, and the second which displays the subscribe widget only on the home page. Add these two rules using Appearance → Customize → Additional CSS:

    
#footer #custom_html-1 {
   display: none;
}
.home #footer #custom_html-1 {
   display: block;
}
    Thread Starter signedsilverlining

    (@signedsilverlining)

    I tried to speak to the editor of the theme but he said that he can’t help with customizations. I wish though. I’m having a lot of trouble. He said that the footer banner was embedded on all of the pages because that is how the theme was created.

    @crouchingbruin What CSS would I use to disable that footer banner on every page but the home? Is that the enter code you just gave me? It seems as though it is the actual “footer” but its the footer banner. I don’t not see it as an option within widgets, only on the customizing section when I’m editing the home page.It’s under “footer banner”

    Thank you by the way!

    Thread Starter signedsilverlining

    (@signedsilverlining)

    @crouchingbruin that bottom code didn’t seem to disable it on any of the pages. It DID However disable that very bottom subscribe widget. I need to disable the one above it. It has a a photo and a contact widget on it. The theme editor referred to it as a footer banner.
    I appreciate the help!

    Sorry! Misunderstood which subscription form you were referring to. Try these rules instead:

    
footer.sales-box {
   display: none;
}
.home footer.sales-box {
   display: block;
}
    Thread Starter signedsilverlining

    (@signedsilverlining)

    Oh my goodness that worked great! Thank you! It was my fault, I didn’t say it properly. While I have you, is there a way to add an image as a background for the Instagram Portion and Subscribe portion (the one you thought I was referring to above) or is that WAY out of the realm of asking on here. I feel bad taking your time, but I’m not sure how I would do that. Feel free to let me know if that can’t happen.

    Thank you!

    For the Instagram portion:

    
#content > .container:nth-child(2) {
   background-image: url(https://www.saltandpepperpod.signedsilverlining.com/wp-content/uploads/2019/06/12345.jpg);
}

    For the very bottom footer:

    
#footer {
  background-image: url('https://www.saltandpepperpod.signedsilverlining.com/wp-content/uploads/2019/06/12345.jpg');
}

    For the URL value, you’ll want to put in the address of the image that you want to use for the background (I just used the same image as what was in the first subscribe banner). You probably want to pick something not too busy and not too dark, so you can still read the text.

    Thread Starter signedsilverlining

    (@signedsilverlining)

    Awesome! That worked great. The Instagram portion didn’t extend full width though, is there a way to change that?
    Thanks again!

    Modify the Instagram rule so it looks like this:

    
#content > .container:nth-child(2) {
   background-image: url(https://www.saltandpepperpod.signedsilverlining.com/wp-content/uploads/2019/06/81La5O4-jmL._SY606_.jpg)
   margin-left: 0;
   margin-right: 0;
   max-width: none;
   padding: 20px 50px;
}

    The last padding values will add a margin at the top, bottom and sides. The first value means add 20px of margin to the top & bottom, the second value means add 50px of margin to the left & right (adjust as necessary, or take it out altogether).

    I’m a little worried, though, that one of your other pages might get affected by the Instagram rule, only because the container class is so generic and might be used on another page, so I would feel more comfortable if you changed the selector so that the rule looks like this:

    
.home #content > .container:nth-child(2) {
   background-image: url(https://www.saltandpepperpod.signedsilverlining.com/wp-content/uploads/2019/06/81La5O4-jmL._SY606_.jpg)
   margin-left: 0;
   margin-right: 0;
   max-width: none;
   padding: 20px 50px;
}

    That way you know that this rule will only affect the home page. Please note, also, that if you add other sections to that page above the Instagram section, you’ll need to change the number of the nth-child selector accordingly.

    One more rule to get rid of the gap between the Instagram section and the subscribe section:

    
.home #content {
   padding-bottom: 0;
}
    Thread Starter signedsilverlining

    (@signedsilverlining)

    Perfect that worked great! Thanks so much for your help. If I want to make certain pages without a sidebar, is there a way to put in a page ID withing a rule to achieve that?

    Do you have a page with a sidebar? Hard to write a rule without being able to examine it.

    Thread Starter signedsilverlining

    (@signedsilverlining)

    I need the sidebars removed from the episode page, and featured page. The site ID’s are 32 and 2039 if that helps

    For the Episode page:

    
.page-id-32 #content .col-md-8.col-lg-9 {
   flex: 0 0 100%;
   max-width: 100%;
}

.page-id-32 #content .col-md-4.col-lg-3 {
   display: none;
}

    I don’t see a sidebar on the Featured Episodes page. You should be able to just pick the default template, i.e., don’t pick the Sidebar template when you edit the page.

Viewing 15 replies - 1 through 15 (of 57 total)
  • The topic ‘Removing Footer From every page’ is closed to new replies.

Tags