Making a css effect page-specific in WordPress

[greenfrog]

I’m working on a WordPress site in which the client has requested that a background image takes up the top part of the page – then the header with site name and nav bar comes below that.

This css code gives the effect I need..

body
{
margin-top: 125px; margin-top: 12.5rem;
}

However, she wants that gap at the top of the page to appear only on one page – the Home Page – which in this case is set to ‘latest posts’ (the theme has a widgetized home page)

Any suggestions how this can be done?

[greenfrog]

@Melindrea

Thank you so much Melindrea!

Changing ‘body’ to ‘body.home’ was precisely the change I needed to make!

[Author]

Posts