How to I right justify my header image

  • Unknown's avatar

    On my blog: highperformancegiving.com I want to right justify the image header (the Hutchens Law Firm logo). Right now it is centered. I know it has something to do with a custom CSS code, but I can’t figure out what the code it.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Howdy,

    You should be able to use this CSS code to push your header image to the right:

    .site-header img {
    padding-left: 700px;
    }

    You can change the padding to whatever you would like to position the header image.

    Let me know if you have any additional questions!

    Best,

    Jeremey

  • Unknown's avatar

    Thank you so much, I knew I could do it with the custom CSS code, but wasn’t sure what the code it. Now I am looking for the code to have the logo moved up to the top of the page directly across from the title.

    Any help for me with that?

    Thanks in advance :-)

  • Unknown's avatar

    Hi there,

    Can you give this a try?

    .site-header img {
    padding-left: 700px;
    position: relative;
    top: -80px;
    }

    h1.site-title {
    width: 700px;
    position: relative;
    top: 30px;
    }

    h2.site-description {
    width: 700px;
    position: relative;
    top: 30px;
    }

    It should look like this when implemented. I had to change some things with the site title to make it all fit and look even.

    Screen Shot on 2016-11-03 at 10:46:40.png

    Let me know if you need anything else!

    Best,

    Jeremey

  • Unknown's avatar

    This was exactly what I needed. It worked perfect! Thank you again for all your help!

  • Unknown's avatar

    Not a problem! Glad we were able to get this figured out. Let me know if you need anything else!

    Cheers,

    Jeremey

  • The topic ‘How to I right justify my header image’ is closed to new replies.