Support » Theme: Activation » Target a Specific page to change Masthead

  • Resolved bethanylmasquelier

    (@bethanylmasquelier)



    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)
  • You must be logged in to reply to this topic.