Education Theme – Problems with Header

Community Forums Forums Design Tips and Tricks Education Theme – Problems with Header

This topic is: not resolved

Tagged: , ,

This topic contains 5 replies, has 2 voices, and was last updated by  AC 9 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #84397

    atroeger
    Participant
    Post count: 2

    I am building a website for a school and the header is all the way to the left and the header text is not going away even though I unchecked the box in two different places. Here is the link to the test site: http://test1.out-gro.com/
    I looked at the CSS but I could not find the reason for this. Can anyone help?
    Thanks so much, Hannah

    http://test1.out-gro.com/
    #84448

    AC
    Blocked
    Post count: 7712

    Just to confirm, you uploaded the header image via Appearance > Header, correct?

    #84451

    atroeger
    Participant
    Post count: 2

    yes, I did.

    #84458

    AC
    Blocked
    Post count: 7712

    Let’s start here – look for this in your style sheet:

    .header-image #title a {
        background: url("images/logo.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    }

    Remove it or comment it out.

    Then if you look at your header – http://test1.out-gro.com/wp-content/uploads/2014/01/STAlogo.png – your logo is too far over to the left. You should modify your graphic image to move it over. You don’t want to shift the header CSS – just re-create/modify your image to scootch the logo over.

    #84497

    atroeger
    Participant
    Post count: 2

    I am not sure that will fix it because the entire image needs to shift to the right. I think the hook is wrong some how…

    #84500

    AC
    Blocked
    Post count: 7712

    Then you could add say a 30px left margin to this:

    #header {
        background-color: #FFFFFF !important;
        background-position: center top !important;
        border-top: 4px solid #EEEEEE;
        margin: 0 auto;
        min-height: 120px;
        width: 100%;
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.