Remove header & footer on some of the pages

  • I want to remove the header and footer on some of the pages. I’ve tried a variety of css code so far all including .page-id-### .footer {display: none;} where footer has been the variable. I think I may not be using the correct syntax for footer for my Love Travel theme. I did properly look up the .page-id so I know that is not the problem.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Well, unfortunately the theme that you’re using doesn’t use any of the traditional class or ID names that most other WordPress themes use, which is why your CSS isn’t working. In your example, you tried to use the footer class, but none of the elements that I can see have a class named footer. There are classes called nicdark_section and nicdark_bg_greydark2 assigned to the footer DIV, but those are generic classes that are assigned to other elements on the page, so writing rules against those won’t work. It seems like those class names have to do with size and coloration of those sections.

    I’m not familiar with the theme since it’s a commercial theme on Theme Forest, but is there a way of assigning IDs to different parts of a page? That would help.

    Hi @coldor89 ,

    If depends what you are calling your header and footer. Here’s what I came up with by looking at your homepage. Tested on Firefox dev tools.

    This is the class for your homepage.

    
.page-id-1963

    This CSS will hide your entire top nav on your homepage.

    
.page-id-1963 .nicdark_section.nicdark_navigation.nicdark_upper_level2.slowdown {
  display: none;
}

/* Sticky Menu */
.page-id-1963 .nicdark_section.nicdark_navigation.nicdark_upper_level2.slowup {
  display: none;
}

    This hides your footer widgets on your homepage.

    
.page-id-1963 .nicdark_section.nicdark_bg_greydark.nicdark_dark_widgets {
    display: none;
}

    This hides your copyright footer on your homepage.

    
.page-id-1963 .nicdark_section.nicdark_bg_greydark2 {
  display: none;
}

    Good luck!

    • This reply was modified 5 years, 2 months ago by mark l chaves.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove header & footer on some of the pages’ is closed to new replies.