Moving the header banner up

  • Author
    Posts
  • #839906

    Hello,

    I need help moving the image banner up, so that it is at the very top of the website. How can I do this? I’m using the Blogum theme and paid for Custom Design.

    Thank you!

    Manny

    The blog I need help with is backintheblackblog.org.

    #840141

    To move the header image to the top in the Blogum theme, try this:

    #header {
    padding-top: 150px;
    }
    
    #header-image {
    position: absolute;
    top: 40px;
    }

    Adjust the numbers as necessary.

    #840150

    Thank you so much! That worked out great!!

    Do you know how to remove some of the space below the banner and the small blog description? I’d also like to squeeze in a tagline that says “The CED blog about Federal Spending, Taxes, Deficits, and the National Debt” right below the banner… and be able to format it.

    Manny

    #840200

    remove some of the space below the banner and the small blog description

    To remove the extra spacing from below the site description, or tagline, in your blog, try this:

    #header .clear {
    display: none;
    }
    #840201

    I’d also like to squeeze in a tagline that says “The CED blog about Federal Spending, Taxes, Deficits, and the National Debt” right below the banner… and be able to format it.

    Looks like you’ve got this covered, and you have this on your Appearance → Custom Design → CSS page to customize how it looks:

    #header h2 {
    color:#787878;
    font-size:14px;
    font-weight:normal;
    line-height:1.3em;
    padding:10px 0;
    }
    #840202

    gravyboat
    Member

    I’m trying to do the same thing–move the header banner of my blog therickbarry.com so that it is above the nav menu, but when I put in the code you suggested, it covers the nav menu instead of displacing it. Any advice?

    (I’m using the Bueno theme and the Custom Design upgrade.)

    #840203

    Thank you designsimply… your help has been extremely valuable!

    #840204

    timethief
    Member

    @gravyboat
    All CSS edit5ing is theme specific. Theis is a Blogum thread.
    Please start your own Bueno thread to prevent confusion. https://en.forums.wordpress.com/forum/css-customization#postform

    #840205

    gravy, you’ll have to also move the menu items. I’m not familiar with your blog theme but it will probably require playing with top/width and position codes for those items, not just the header.

    #840208

    gravyboat
    Member

    Timethief, I’ve tried starting a Bueno-specific thread, but got no response. I figured it was because a similar question was already being discussed.

    Cedbackinblack, thanks. I’ll try to see what I can figure out.

    #840213

    @gravyboat, see https://en.forums.wordpress.com/topic/move-nav-menu-below-header-in-css

    Responses are usually given in the CSS forums within 24 hours on most weekdays, sometimes longer on weekends or if there are a lot of questions coming in at once.

The topic ‘Moving the header banner up’ is closed to new replies.