• Resolved billtnj

    (@billtnj)


    Hello, I am using the hiero theme. I uploaded my own header image. How do I go about centering the header image in the header of my site?

    Thank you in advance for your help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Is it possible to include a link to the site you are having the trouble with?

    Thread Starter billtnj

    (@billtnj)

    Sure – I have a header up right now – the site is audioshooter dot com.

    Thanks!

    Add this to your CSS file:

    .site-branding img {
    display: block;
    margin: 0 auto;
    }

    Also, it’s perfectly fine to post links since you’re not posting an email address 🙂

    Thread Starter billtnj

    (@billtnj)

    Hi Jan Cavan Boulas, I tried that code in my CSS file and it didn’t work. Any other ideas? Thanks!

    Hi billtnj

    You can do it by adding the below code in your theme’s style.css file.

    I would advice you to do the changes using a Child Theme or by using a My custom css plugin to keep the changes preserved even after the update

    .site-branding {
        float: none;
    }

    The above should work, else just add “important” like below

    .site-branding {
        float: none !important;
    }

    @billtnj

    That’s strange. Can you try this instead:

    .site-branding a img {
    display: block;
    margin: 0 auto;
    }

    Like @maruti Mohanty said, it’s good to create a child theme so your changes are preserved even after the authors update this theme.

    Have you been able to get this working? I was able to center the header by simply changing the .site-branding css to be:

    .site-branding {
    margin: auto;
    max-width: 541px;
    }

    Hope this helps!

    Thanks,

    Brad

    Thread Starter billtnj

    (@billtnj)

    Hello everyone, thank you so much for all of your help! I was able to get it working by using this code:

    .site-branding a img {
    display: block;
    margin: 0 auto;
    }

    Thank you again!

    Bill

    Hi Bill,

    Great to know that, you got the issue resolved. Now can you please mark this thread resolved, so that user looking for a similar issue gets the most out of it

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Center Header’ is closed to new replies.