Hide all page content BUT slider (including white space) on front page

  • miggyb

    (@miggyb)


    10 years, 2 months ago

    I feel like I am so close to figuring this out.

    On my front/welcome page I want to show only the slider, and immediately after it the site footer with no white space or padding in between.

    I’ve already successfully hidden the page title using

    .page-id-4 .entry-title {
display: none;
}

    4 being the id of my front page

    and now there is just a blank, white space between slider and footer that I want to eliiminate as well — but only on the front page.

    I can’t figure out which page element/div I should reference in the stylesheet in order to make this happen. Can someone please help me out?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Misplon

    (@misplon)

    10 years, 2 months ago

    Hi miggyb

    Please post a link if it’s live and I’ll take a look.

    (If you’re not already using Chrome Developer > Inspector, check it out: https://developers.google.com/chrome-developer-tools/)

    Thanks

    Andrew

    Thread Starter miggyb

    (@miggyb)

    10 years, 2 months ago

    If you mean the ‘Inspect An Element’ feature in Chrome, yes, it has been absolutely essential.

    I actually figured this out via Chrome. All I had to do was add the following lines to my child CSS:

    .page-id-4 div#main.site-main {
display: none;
}

    Problem solved!

    Thanks for your response.

    Andrew Misplon

    (@misplon)

    10 years, 2 months ago

    Hi miggyb

    Super, that’s correct. Thanks for resolving. If other users were looking to do something similar on their home page they could also use the .home body class where you’ve used .page-id-4.

    All the best.

    Andrew

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide all page content BUT slider (including white space) on front page’ is closed to new replies.