How to add full width background image to Header

Posted in: Newspaper
Post count: 2

I am working with Newspaper for the first time. I am using Style 9 (Full logo on top) for a new website (http://www.gunnisonsockeyes.org). The logo works fine. Now I would really like to put a full width (980px) background image behind the logo. I tried to use a full size image as the “logo” but when it is rendered it is way too small. I want to it cover the full width of the header. I don’t see a background image option with Style 9. How can I do this?

Thanks in advance, Mark

Post count: 2

I finally found another post similar to what I wanted to do. You can use custom CSS to do this as follows:

Go to Newspaper -> Custom Code -> Custom CSS and insert something similar to this:

.td-header-style-9 .td-logo-wrap-full
{
background: url(“<your full path>/header-image.jpg”) no-repeat center;
background-size: 1075px 150px;
}

It scales well on all devices too. Hopefully this will help someone else.

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.