Banner

Setting Description
Color scheme

Apply color scheme for the blog banner from the available color schemes list.

Read 'Color scheme' article to learn more about color schemes.

Custom image

You can enable a custom image instead of using the default image from the blog post in the Dashboard.

  • The custom image will appear on all blog posts.
  • The default image can vary for each blog post depending on the image uploaded for that post.
Image position

Select the position of the banner image.

Options:

  • Top — Image at the top of the content.
  • Bottom — Image at the bottom of the content.
  • Cover — Image covers the full banner area.
Overlay opacity Set the opacity of the overlay applied over the banner image to improve text readability. This works both when the image is used as a background or positioned on the top or bottom of the content.
Show tags

Tags can be added to each blog post in the Content section of the Dashboard.

Enable this option to display the tags in the blog banner above the heading.

Bottom space The 'Bottom space' option lets you adjust the space below tags to title.
Bottom space mobile Adjust the space below tags specifically for mobile devices.
Show title Enable this option to show title on the banner image.
Preset

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph.

Choose which style to apply to the title in this block:

  • Hero, H1-H6: This style allows you to select a heading level from Hero, H1 to H6 and customize it using the options below.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
Font

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text.

Choose which font family apply to the banner title:

  • Heading
  • Body
  • Accent
Color

Each color scheme includes Heading, Text, and Accent color settings. The available options may vary depending on the selected block color scheme.

Use this dropdown to select which color to apply to the banner title:

  • Heading
  • Text
  • Accent
Text style

Choose text style for preset:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small
Bottom space The 'Bottom space' option lets you adjust the space below the title to date, author or custom text.
Bottom space mobile Adjust the space below title specifically for mobile devices.
Show date Enable this option to display the blog post’s publication date on the banner.
Show custom text Enable this option to display a custom text on the blog banner.
Custom text For example, you can use it to show “2 min read” to indicate the estimated reading time for the post.
Show author Enable this option to display the author’s name on the blog banner.
Show container

Enable this option to display a container around the content.

Note: This option is available when image position is Cover.


Padding

Padding is the space inside a section that separates the content from the section’s edges.

See this article to set paddings: Section padding

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us