WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] pinboard header image help! (6 posts)

  1. Steven
    Member
    Posted 1 year ago #

    Hey guys,

    So I'm still a bit new to wordpress but I'm slowly understanding the editor and css better. I have an issue with the header image for my website. I want to make the image completely cover the header but I don't have an idea how to. Did some research on google but can't seem to find it. Here is my website: slamlink.net

    Also, I found an issue that my header image becomes messed up if I go on another browser like firefox. I currently use chrome and it looks fine to me but on firefox the header image is pushed to the far right.

    Thanks a lot!!

  2. Steven
    Member
    Posted 1 year ago #

    oops! forgot to mention, does anyone know how i can go about resizing my image to make it fit the entire header or fix the problem with the image changing locations?

    thanks!

  3. Steven
    Member
    Posted 1 year ago #

    Succes.... I got the top and bottom margins to disappear with this code i found from another forum:

    #site-title img {
    margin: 0;
    }

  4. Steven
    Member
    Posted 1 year ago #

    mhm still trying to figure out why the left and right margin is still there.

    My current CSS:

    .page .entry-title {
    text-align: center;
    }

    #header #searchform {
    display: none;
    float: none;
    }

    #site-title img {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 0;
    }

    #site-description {
    display: none;
    }

    #site-title {
    margin: 0;
    line-height: 0;
    float: left;
    }

    #social-media-icons {
    display: none;
    float: none;
    margin-top: 0;
    }

    #header #s {
    display: none;
    }

    #site-title,
    #site-description {
    margin: 0;
    font-weight: 300;
    float: left;
    line-height: 0;
    }

    #sidebar-header {
    display: none;
    }

  5. Steven
    Member
    Posted 1 year ago #

    Got it work. please mark this topic resolved. thank you!

  6. Steven
    Member
    Posted 1 year ago #

    For anyone who needs help with this because it was quite troublesome for me, I made a quick explanation of what I did:

    http://slamlink.net/pinboard-theme-header-image-size/

Topic Closed

This topic has been closed to new replies.

About this Topic