Need help with CSS and Header Resize in Book Lite

  • Unknown's avatar
    thetravelingwhitebelt · Member ·

    Hey guys im new to WordPress and i am using the Book Lite theme. I wanted to make the header image smaller so you can see some of the content on the page as well as the header. I have no idea how to use the custom CSS (i have bought the upgrade). Can someone please help me?

    my blog is the traveling white belt

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hfzrhmn · Member ·

    Hi,

    try adding the following CSS: 

    #masthead {
	height: 300px !important;
}
#masthead hgroup {
	bottom: 10px;
}

    You can try tweaking the number from 300 to something smaller or bigger (the original is 500px high). I can’t really reduce the number more without messing up with the site title’s positioning, though.

    Finally, there’s also the issue with the banner image itself. I *think* the theme forces us to use a 500px high image, so if we tweak the CSS as above, the image will be cut off. I’m not sure how to fix this, except maybe find an image that will look fine with its lower part cut off.

  • Unknown's avatar
    thetravelingwhitebelt · Member ·

    Thanks man, worked a treat!

  • Unknown's avatar
    hfzrhmn · Member ·

    You’re welcome!

  • The topic ‘Need help with CSS and Header Resize in Book Lite’ is closed to new replies.