BC Banner

The Banner Block displays a banner on page.

  • Title
  • Sub Title
  • Button
  • Background image (featured image or image upload)
  • Background video
  • Background Overlay
  • ID
  • Classes

  • -expand
    • Gives the Banner Block the height of 45vh.

Block will show as whitespace if using the featured image and white text

Global Changes

PHP
/bc/wp-content/themes/bc3/default-blocks/bc-block-banner.php

SCSS
/bc/wp-content/themes/bc3/default-blocks/bc-block-banner.scss

Overrides

Create a new SCSS file for individual blocks that need independent styling
Example file path/name: /bc/wp-content/themes/bc3/components/bc-block-banner__inside.scss

Banner Variations

Featured Image

Uploaded Image

Also using -expand class

Overlay turned on

Uploaded Image

With a button

I am a short description for SEO to use a short blurb

Video CDN

I am a short description for SEO to use a short blurb

Custom class __inside added

Overrides:
H1, p, ul text color
Overlay