Forums

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

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #148066
    greenfrog
    Participant

    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?

    #148117
    greenfrog
    Participant

    @Melindrea

    Thank you so much Melindrea!

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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.