Target a Specific page to change Masthead

  • Resolved bethanylmasquelier

    (@bethanylmasquelier)


    6 years, 6 months ago

    I would like my masthead to only be large on the home page. For the sub pages, I want it to be much smaller. This is what I tried with no luck…and I tried putting !important at the end.

    .page-id-158 #masthaed {
    height: 30vh;
    }

    I got that Page id by using inspect…I tried to get this one figured out on my own, but I think I’m a long way from figuring out CSS

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @bethanylmasquelier,

    If you want to just change the homepage you can use the CSS selector body.home #masthaed. You will also need to tweak the CSS of the interior elements as those are not going to adjust to the parent 30vh height on the #masthead element. However, that should be all you need to start tweaking the masthead section of the homepage.

Viewing 1 replies (of 1 total)
  • The topic ‘Target a Specific page to change Masthead’ is closed to new replies.

Tags