Header Image With Background Color

It’s so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the example with a background pattern.

Front Matter Code

header:
    image: "header_unsplash_2-970x.jpg"
    background-color: "#fabb00"
    caption: This is a caption for the header image with link
    caption_url: https://unsplash.com/

All Header-Styles

• Headers With Style · No Header
• Headers With Style · No Header but Article Image
• Headers With Style · Header With Text
• Headers With Style · Header With Logo Only
• Headers With Style · Header Image With Background Color
• Headers With Style · Header with a Full-Width-Image
• Headers With Style · Header Image With Pattern