Edit Hero’s Background Color

Info! Upgrade your site to leave behind “Intro” & gain “Hero”! With the “Hero” feature, you can add background images, videos, colors, or other graphics to the top of your site 24/7! Contact us for more information & upgrade today!

If you want your Hero to simply show a background color, here’s how:

  1. From within the Client Area, beneath the tools icon, choose “Edit your website content”.

JAMSpiritSites allows you to change the background color of Hero on your cheer website.


  1. Go to the component you’d like to edit.
  1. Select “Hero”.

Edit Hero of your JAMSpiritSites dance website and change the background color.


  1. Under the “Type” dropdown, select “Graphic & Color”.

Select Graphic and Color to add a color background to the Hero of your JAMSpiritSites gymnastics website.


  1. Change the “Height” as desired.

To get the right size for your colorized background, adjust the screen height of the Hero on your JAMSpiritSites gym website.


  1. Since your intention is to only have a color background and not an image, leave the “Graphic” field blank. If you want to use an image instead, follow these instructions.
  1. There is no need to modify any “Properties”.
  1. Select the “Background”, “Text”, and “Text Shadow” colors as desired.

When changing your Hero's background color, JAMSpiritSites also allows you to edit the text color and text shadow color of your cheer website.


  1. There’s no need to change the “Hue”, “Saturation”, “Brightness”, or “Opacity” either.
  1. Now just edit the content as needed. This is a great opportunity for an awesome H1 page title. Doing so helps in 2 major ways:
    • A great page title helps orient your web audience. That way they know where they are in your website!
    • Headings are highly regarded in the search engine world – and none more so than an H1. So, help your content be found on the internet! To learn more tips on great content editing, view our Purpose Driven Content articles.
  1. Save when finished.

Congratulations! Your Hero now has a clean and eye-catching background color!