Archived topic

Can I add an image beside logo using CSS?

3 replies · Started by James on August 25, 2016

Viewing posts 1–4 of 4

August 25, 2016 at 10:45 am #221271

Hi Tom,

My client wants a small award image (150x100) 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

August 25, 2016 at 11:15 am #221280

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;
    }
}

August 25, 2016 at 5:57 pm #221361

You are DA MAN!
Works perfect - thanks Tom

August 25, 2016 at 6:05 pm #221363

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.