Updating Homepage Featured Items

Learn how to use Homepage Featured Items to showcase content at the top of your Homepage with these step-by-step Instructions.

CMS Support

December 23, 2021
minute read time

Homepage Featured Items allow you to showcase content and media. 

Screenshot of the the Test Group homepage on the Energy.gov CMS Support Site
Screenshot of the Entity type field in the edit tab of a homepage in the Energy.gov CMS
Screenshot of the Label field in the Edit tab for a homepage featured items
Screenshot of the Title Override field in the edit tab for a homepage in the energy.gov cms
Screenshot of the image override field in the edit tab of a hompepage on energy.gov

Color Scheme Examples

Screenshot of color scheme field for a homepage featured item
  • Light Text 
  • Light Text on Dark Overlay 
  • Dark Text 
  • Dark Text on Light Overlay 
  • Plain White 
  • Plain Gray

Please Note: Choosing the color scheme options 'Plain White' or 'Plain Gray' will overwrite the image.

Screenshot of an example layout

Trouble Referencing a Node?

Difficulty Searching for Title 

  • If you are struggling to find the content or media item in the label field, search using the following format: Title (nid). See example below.
    • Updating Homepage Featured Items (4816264)
  • Scroll to the bottom and select 'Save'.

Unable to Reference Content/Media 

  • The CMS prevents users from referencing certain types of content and media as homepage featured items (e.g. Webforms). 
  • To reference a disallowed item, simply create an External Resource linking to the item you would like to feature. 
  • Add the External Resource as your homepage featured item to link to your desired piece of content or media. 

Responsive Design

Keep in mind that images will be cropped and displayed differently in response to the size of the screen on which the end user is viewing the site. 

See below for examples of how homepage featured items will be cropped on different device sizes for the Energy.gov Homepage, Primary Group Homepages, and Nested Group Homepages. 

To learn more about the different types of groups mentioned above, see the Energy.gov Glossary. 

Energy.gov Homepage

Energy.gov Homepage Featured Items Large Desktop screenshot
Energy.gov Homepage Featured Items Large Desktop screenshot
Energy.gov Homepage Featured Items Small Desktop screenshot
Energy.gov Homepage Featured Items Small Desktop screenshot
Energy.gov Homepage Featured Items Mobile Screenshot
Energy.gov Homepage Featured Items Mobile Screenshot

Group Homepage

Group Homepage Featured Items Large Desktop
Group Homepage Featured Items Large Desktop
Group Homepage Featured Items Small Desktop screenshot
Group Homepage Featured Items Small Desktop screenshot
Group Homepage Featured Items Mobile design screenshot
Group Homepage Featured Items Mobile design screenshot

Nested Group Homepage

Nested Group Homepage Featured Items Large Desktop screenshot
Nested Group Homepage Featured Items Large Desktop screenshot
Nested Group Homepage Featured Items Mobile screenshot
Nested Group Homepage Featured Items Mobile screenshot

Any Questions, Comments, or Requests?

Contact us at [email protected]