---
title: Blog Hero Banner
description: Blog Hero Banner
---

[strutoCX - Theme Documentation ](https://www.struto.io/strutocx-theme-documentation)

# [Blog Hero Banner](https://www.struto.io/strutocx-theme-documentation/modules-blog-hero-banner)

 Written by [Anders Grové](https://www.struto.io/strutocx-theme-documentation/author/anders-grové) | Mar 28, 2025 2:51:01 PM

#### Blog Hero Banner

 

 

###### Module Description:

The Blog Hero Banner module enhances your blog pages with an eye-catching banner at the top. It displays the blog's title, subtitle, and a featured image or background, setting the tone for your blog content.

 

 

###### Module Resources:

| Module Resources |   |
| --- | --- |
| CSS | `blog-hero-banner`.css (located in /modules/blog-hero-banner-module) |
| JS | None required for this module. |

 

 

 

[View full post](https://www.struto.io/strutocx-theme-documentation/modules-blog-hero-banner)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Anders Grové"
  },
  "dateModified" : "2025-03-28T14:51:01.032Z",
  "datePublished" : "2025-03-28T14:51:01Z",
  "headline" : "Blog Hero Banner",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.struto.io/strutocx-theme-documentation/modules-blog-hero-banner",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "strutoCX - Theme Documentation"
  }
}
```