How to make CSS code apply only to the front page

  • Unknown's avatar
    katiexu1 · Member ·

    Hello. So I didn’t want a title on my front page and was looking for ways to get rid of the white space that comes with the title. I managed to find this code:

    .page .page-header {
    display: none;
    }

    .page-content,
    .entry-content,
    .entry-summary {
    margin: -4.5em 0 0;
    }

    It works, however it applies to every single page so all of my pages have deleted margins now. How do I change this so it only applies to my home page?

    The blog I need help with is: (visible only to logged in users)

  • staff-mckluskey · Staff ·

    Hi there!

    Try this code instead:

    .home .page-header {
	display: none;
}

.home .entry-content .entry-summary {
	margin: -4.5em 0 0;
}

    If you need more help, remember that you can access live chat directly from https://wordpress.com/help/contact

  • The topic ‘How to make CSS code apply only to the front page’ is closed to new replies.