Custom Heading Background

By on

This is an example of custom heading background. You can simply add the following setting to your post front-matter field:

heading-bg: img/heading-background.jpg
heading-bg-local: true
heading-bg-color: "#8141b1"
heading-bg-size: "100px 100px"
heading-bg-position: "center bottom"
heading-bg-repeat: "repeat"
heading-bg-text: "#fff"
heading-bg
Background image filename, if a relative URL (non-external URL) is provided, the file will be prefixed with site.file.
heading-bg-local
To avoid relative URL prefixed by site.file, you can set this option to true to prefix it with amsf_user_assets, then you can store your images in _app/assets/.
heading-bg-color
Background color, recommend setting its value matches your image color tone.
heading-bg-size
Background size, default value is cover.
heading-bg-position
Background position, default value is center center.
heading-bg-repeat
Background repeat, default value is no-repeat.
heading-bg-text
Text color in heading, set it based on your background image.

Heading image copyright info:
© 士郎正宗・Production I.G/講談社・「攻殻機動隊」製作委員会