• Resolved yatiya

    (@yatiya)


    Hello all

    I added a small logo to my header (www.entdocatiya.co.za), by adding an img src line to my header.php (in a child theme of course).

    Problem is, it’s just THERE, and I have no idea how to move it within the header, without affecting the rest of the page.

    I tried adding some custom css thus:

    img {
    margin-top: 10px;
    position: absolute;
    margin-left: 110px;
    }

    But that moves my entire page down, and to the right (including the slider etc), which is obviously not what I want.

    I’m relatively new, so I don’t know all the commands. Can someone help me please?

    EDIT: I thought it looked funny, so I deleted the custom css as well as the img src line from header.php.

    Then I added it back, and the image was now in the MIDDLE of the page!!

    So now my custom CSS looks like this, to get it next to my name/qualifications:

    img {
    position: absolute;
    left: -75px;
    margin-top: 15px;
    }

    In addition, I just made the slider margin 0, also with custom CSS:

    .nivoSlider img {
    margin-top: 0px;
    }

    This works, but I am open to better suggestions on how to do it. This, to me, is not a very elegant solution.

Viewing 1 replies (of 1 total)
  • Thread Starter yatiya

    (@yatiya)

    I’ve sorted it out by referencing the styles.css specifications, editing the size of the image there, and using a bit of custom styles.css.

Viewing 1 replies (of 1 total)
  • The topic ‘Relocate Header Image without affecting rest of page’ is closed to new replies.