Header Image Help? Saga Theme

polishandpieces · Member · Jun 20, 2015 at 11:36 pm
Copy link

Add topic to favorites
I keep going between switching my theme from Saga and Ecto after having Sorbet for so long.

I would be 100% for Saga, except I realized that the header images don’t show up on individual posts. I have the customization option, is there any way to override this in CSS and if so, how?

Thanks for any help you can provide. If this is impossible, then I guess I will have some questions about customizing Ecto next (my site is currently set on Ecto if you happen to look; the Saga issue appears for me when previewing the theme for my blog) :)

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Jun 22, 2015 at 2:48 pm
Copy link
Saga is designed to showcase featured images at the top of individual posts, so the site’s custom header is not displayed on single posts. You can see an example here:

https://sagademo.wordpress.com/2015/03/24/the-beauty-of-analog-photography/

For a custom CSS solution, this should get you started.
```
@media screen and ( min-width: 48em ) {
  .single .site-header {
    height: 500px;
    background-image: url(https://your-image-url-here.jpg);
    background-repeat: no-repeat;
    background-position: 0 150px;
  }
}
```
You’ll need to adjust the height and background position depending on the height of your header image and tagline. My test custom header was 350px high.

I wrapped it in a media query so it doesn’t break the responsive layout on smaller devices, but I’d still recommend that you still test your final CSS at various screen sizes to double-check that everything looks as you expect.

If you need further CSS help in the future, feel free to post in the CSS Customization forum.

https://en.forums.wordpress.com/forum/css-customization
polishandpieces · Member · Jun 22, 2015 at 2:51 pm
Copy link
Wonderful, I will give it a try this evening. Thank you! :)
kathrynwp · Staff · Jun 22, 2015 at 2:57 pm
Copy link
Great, let me know how it goes!

No items found.