[Resolved] Second footer for different site areas

Home Forums Support Second footer for different site areas

This topic contains 11 replies, has 4 voices, and was last updated by  Michael 1 month ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1242679

    Mathias

    It’s a minor question, but is there a way to have two or more different footers, which then are related to certain pages or posts? The question is actually about a different designed landing page and mainly about changing the background color.

    #1242770

    David Customer Support

    Hi there,

    if its simple styling changes then we can take advantage of CSS Classes that WordPress adds to each page.

    For example this CSS:

    .home .footer-widgets {
        background-color: red;
    }

    Targets just the home page and changes the footer widgets background color.

    Whereas your events page has a unique class of: page-id-8494 – so you could target that like so:

    .page-id-8494 .footer-widgets {
        background-color: red;
    }
    #1243174

    Mathias

    Thank you David! I did not know about page-ID in CSS. Great.

    #1243945

    David Customer Support
    #1261561

    Michael

    I have a question related to this.
    How about if I want to have an alternate footer for a specific page? what would the code be? the normal footer has three links but I want to create one that only has two links for a specific page.
    thanks.

    #1261886

    Leo Customer Support

    We can just hide that one link on that specific page with some CSS.

    Can you link me to the page in question?

    Feel free to open a new topic so you can use the private URL field.

    Let me know 🙂

    #1261935

    Michael

    thanks, you can take a look at any page footer. they are all the same. On certain pages I just want to hide the “home” link on the footer
    thanks

    #1262015

    Leo Customer Support

    Can you link me to the page in question?

    #1262251

    Mathias

    I just want to hide the “home” link on the footer

    Since we did it like David suggested, you may easily us the page-ID in CSS, find the ID of that certain item with your browser developer mode and set it to “display: none”.

    Would this do the trick?

    .page-id-8492 .menu-item-675 {
    display: none;
    }

    (IDs are examples.)

    #1262959

    Michael

    it did not work. I’m assuming the page ID is the page that I want to hide the item on and the menu item is the home page link? That’s what I entered in but it’s not working

    #1262994

    David Customer Support

    Can you share a link to your site? You can raise a new topic where you can use the Site URL field to share the link privately.

    #1263039

    Michael

    ok

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.