The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Making a css effect page-specific in WordPress
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..
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?
Thank you so much Melindrea!
Changing ‘body’ to ‘body.home’ was precisely the change I needed to make!