Image in header box

[nightowl]

Hi everyone,

For themes where there is a header box (where the journal title, subtitle, and name of the current page appears) - such as Basic Boxes - is there a way to put an image into the box? I know that there is an option to add a Header Image under Customize Style -> Style -> Images, but that appears to place the image behind the header box.

I have a feeling this is one of those things that seems simple at first but is actually exceedingly complicated. But if anyone has any ideas, I would appreciate it very much.

Comments

[branchandroot]

Basic Boxes in particular had to color the div inside the header, so the customization doesn't quite click. This may be a bug that can be fixed now that some of the older margin shennanigans have been altered.

In the meanwhile, you can css in your background image with:

#header .inner { background-image: url("image-url-here");
background-position: right-left-top-bottom-delete-as-necessary; }

You may also need to add in a height specification, depending on how tall your image is.

[nightowl]

Thank you! It worked! *cheers*

Wow, I'm so glad it was an easy CSS fix. :D

[dragonfly]

Oh, thank you for asking this very question! I've been struggling for hours to figure out why I can't get my header to show up in "Denim."

[nightowl]

You're welcome. :)