Homepage Blades

Learn how you can Blades to add color or images behind the sections on your Homepage.

CMS Support

June 28, 2022

Blades introduce the ability to add color or image backgrounds behind sections on Homepages. 

Helpful Hint

If you would like to remove Blades from a section, first update the color to 'White' to avoid color lingering on the page 

Screenshot highlighting the configure section button in layout builder
Screenshot of the checkbox field that allows cms users to add homepage blades

How to Add Homepage Blades

  1. Go to Layout Tab
  2. On a new or existing Section, select 'Configure Section [#]. 
    1. Note, the configuration will take place on the Section, not the individual Blocks/components within each Section. 
  3. At the top of the modal on the right hand side, check the box labeled 'Display as Blade in buildCF' 
  4. For the field labeled 'Pick a colour', select to expand the color options 
  5. Select the color or display option 
  6. Select 'Update' 
  7. Scroll to the top of the page to Save a Draft

Color Options for Homepage Blades

When adding a Blade behind a section on your homepage, you will be presented with the following color options: 

  • White 
  • Bright Green 
  • Blue 
  • Green 
  • Grey 
  • Dark Grey 
  • Other (Image) 

Example

Please see the following example of what Blades may look like on a Homepage in the CMS. Please note once again that the Blade functionality is limited to Homepages. 

Screenshot of an example of homepage blades in CMS

Any Questions, Comments, or Requests?

Contact us at doecms-support@hq.doe.gov