Want to make header smaller

  • Resolved Cassie Beyer

    (@cassienbeyer)


    10 years, 7 months ago

    There must have recently been an update, because all my changes vanished (I know, I know, don’t change style.css directly. My bad. I was still new.)

    So I am rebuilding my changes in the CSS editor, but I can’t find one issue: how to make the header smaller. It’s set to be 200px high, but I want it to be 116px. I don’t want the text header (and I’ve hidden that) but I want my image header to be smaller . Right now I have a 116px image inside a 200px grey box. The grey is #8e8e8e, which I can’t even find in the CSS.

    How do I make the header shorter so only the image is visible?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi Cassie, do you have a link so I may see this?

    Thread Starter Cassie Beyer

    (@cassienbeyer)

    wicca.cnbeyer.com

    Hi Cassie, This is what you are looking for:

    #logo {
background: #8E8E8E url(https://wicca.cnbeyer.com/wp-content/uploads/2014/06/wicca-header-960x116.jpg) bottom center no-repeat;
height: 200px;
width: 960px;
}

    and it is set inside the head tag of the index.php file. If you have a child theme or a custom css plugin you can remove the style from there and add it to your custom css with less height like this:

    #logo {
background: #8E8E8E url(https://wicca.cnbeyer.com/wp-content/uploads/2014/06/wicca-header-960x116.jpg) bottom center no-repeat;
height: 116px;
width: 960px;
}

    Here is a screenshot of what it will look like with above style.
    https://www.screencast.com/t/HXIhMwSOeD

    Let me know how this works for you.

    Regards

    Ernest Close

    Thread Starter Cassie Beyer

    (@cassienbeyer)

    not sure how I managed to fix it the first time, but that definitely did it. Thank you!

    Thread Starter Cassie Beyer

    (@cassienbeyer)

    Always a pleasure.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Want to make header smaller’ is closed to new replies.