[Resolved] Can I add an image beside logo using CSS?

[James]

Hi Tom,

My client wants a small award image (150×100) beside the logo, or, rather centered between logo and header widget. Its circled in red here: https://postimg.org/image/fjy01f8xb/

Any way to do this?

Thanks,
Jim

[Tom]

Hi Jim,

You could try something like this:

Add your image in the “After Header Content” hook in GP Hooks:

<div style="text-align: center;">
    <img src="URL TO YOUR IMAGE" alt="" />
</div>

Then float your logo to the left:

@media (min-width: 769px) {
    .site-logo {
        float: left;
    }
}

[James]

You are DA MAN!
Works perfect – thanks Tom

[Tom]

You’re welcome 🙂

[Author]

Posts