Skip to main content

Promo boxes on your home page

Promo boxes are large coloured boxes on your home page, under the concerts. Each points at something you want visitors to notice: season subscriptions, donating, auditions. They are in Site Settings → Home: Promo boxes.

Two promo boxes side by side on the public home page, one in the accent colour and one in the primary colour, each with an icon, a title, a line of text and a link label with an arrow
Two promo boxes side by side on the public home page, one in the accent colour and one in the primary colour, each with an icon, a title, a line of text and a link label with an arrow

A new site has two: "Season Subscriptions" and "Support the Choir".

What a box has​

SettingWhat it doesLimit
IconThe large icon at the top left of the box.One of the 27 icons
TitleThe box's heading. A box with no title is not shown.80 characters
TextA sentence or two under the title. Optional.300 characters
Link labelThe words at the foot of the box, followed by an arrow, such as "Learn More". Optional.60 characters
Goes toWhere the box takes people.A link
StyleAccent colour or Primary colour.

You can have up to three boxes.

The whole box is the link, not just the label at its foot: selecting anywhere on it goes to the Goes to address. So a box works without a Link label, though the label makes it clearer that it can be selected. A box with nothing in Goes to is shown but does nothing; fill it in.

The two styles​

  • Accent colour fills the box with your theme's second colour.
  • Primary colour fills it with your theme's dark main colour.

On a palette of four colours the two look clearly different, and using one of each makes a pair stand apart. On a one-colour theme there is only one colour to use, so the two styles look much alike.

Add a box​

  1. Go to Site Settings → Home: Promo boxes.
  2. Under Boxes, select Add.
  3. Choose an Icon and type a Title and Text.
  4. Type the Link label and, in Goes to, where the box leads: for example /donate, /auditions, /tickets#subscriptions or a web address. See Link boxes.
  5. Choose a Style.
  6. Select Save.
The Home: Promo boxes section of Site Settings with one box open, showing the Icon, Title, Text, Link label, Goes to and Style boxes
The Home: Promo boxes section of Site Settings with one box open, showing the Icon, Title, Text, Link label, Goes to and Style boxes

Change, reorder or remove a box​

  • Change: select the box's title bar to open it, change it, and Save.
  • Reorder: use the up and down arrows on its title bar. The first in the list is on the left.
  • Remove: select the bin on its title bar, confirm with Remove, and Save.

How lists work is in Lists of entries.

How they are laid out​

Boxes with a titleOn a wide screen
OneA single box, centred
TwoSide by side
ThreeThree in a row
NoneThe whole section is left out of the home page

On a phone they are stacked one above the other.

To take the promo boxes off your home page without losing them, there is no switch: remove the boxes, or empty their titles and add them back later.