WordPress.org

Ready to get started?Download WordPress

Forums

Attitude
Remove space above header image (6 posts)

  1. mrleyang
    Member
    Posted 1 year ago #

    Hi,

    I'm a newbie at wordpress and just built my first site with the 'attitude' theme.

    It's a great theme and it's very easy to use.

    I have one issue that I would love to get some answer on though. On my site, http://www.katherinele.ca, is there a way to put the header image directly at the top of the site and not have the white space above it?

    Really appreciate help on this.

    Thanks,
    George

  2. robin90
    Member
    Posted 1 year ago #

    Hi mrleyang,

    If you want to put the header image directly at the top of the site then you need to edit inside theme file,which will be difficult for you. But alternatively you can reduce the white space
    Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

    .hgroup-wrap {
        padding-bottom: 31px;
        padding-top: 0px;
    }

    Note: change the digit value above for your own height. Lower the value lower the header, but change the value in same ratio above.

    Now, Click on Save All Changes Button and Refresh your browser

    Regards,
    Rabin

  3. qsam
    Member
    Posted 1 year ago #

    Hei,

    Could you please advise how to remove the header completely ? i.e. put the menu bar at the top of the page and remove both header text and header image.
    I'm able to edit the theme files.

    Thanks,
    Oskar

  4. qsam
    Member
    Posted 1 year ago #

    Managed to figure it out myself :)

    Removed all the top and bottom paddings and margins in style.css under "/* =Header" and set #site-title display:none

  5. mrleyang
    Member
    Posted 1 year ago #

    Hi Rabin,

    Thanks for your advice but when I pasted it in custom CSS, nothing happened to the website.

    I did notice that on the top right corner has the social media log ins. Could it be that's what is taking up the space and if so, can I move those icons somewhere else?

    I've included the style.css code under here for header, is it helpful for you to take a look and see how it's coded?

    I know it's long and I really appreciate your help.

    Thanks,

    [No need to post CSS code - it's all visible on your site - and you should use a pastebin for posting long pieces of code ]

  6. SQSBMedia
    Member
    Posted 1 year ago #

    Thank you for this Rabin. it works in Chrome and Firefox, however, as usual IE doesn't react the same. For me, it causes the image I have placed in the custom header to fall behind the menu in IE9 compatibility view only. In IE9 view shows just fine. It could be the other way around. I can't tell if blue means on or off. Any idea how to resolve this. I really like this theme and would like to use it in combination with my custom header. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic