How do I place text in a prominently colored box?

Step 1: Add the Notice / alert block

Click on the + (Add block) in a column, type ‘notice’ or ‘alert’ and choose Notice / alert. The editing window will open with two fields.

Step 2: Choose the background color

Under Color, you will see the colors from your brand style, each with a colored square. Choose a color that stands out, but on which the text remains easily readable. A light color with dark text usually works well. If you choose nothing, the box will be white. On a white section, you won’t see the box; in that case, choose a color.

Step 3: Write the Notice text

The field Notice text works the same as the Text block. You can use a heading, bold words, a list, and links. Start a notice, for example, with a bold word: ‘Notice: …’. See using the Text block for all formatting.

Click on Done and then on the top right Save.

The box has space around the text and the color you chose. The box is as wide as the column it is in. If you want a narrower box, place it in a narrower column.

Notice, card column, or alert at the top?

There are three ways to place something in a box. Here’s how you choose:

• Notice / alert: one piece of text in a colored box, in the middle of your page. Quick and simple.
• A column as a card: the entire column becomes a box, with everything inside: text, an image, buttons. Handy if the box contains more than just text. See a column as a card.
• Alert at the top of your website: a bar at the top of every page, for example, for different opening hours. You set this under General options → Notification. See an alert at the top of your website.

Having trouble?

• You can’t see the box. The box is white on a white section. Choose a different color under Color.
• The text is poorly readable. Choose a lighter or darker background color. You can read about the available colors in colors and fonts of your website.
• You want rounded corners or a border. That is not possible with this block. Use a column as a card.
• You want the same alert on every page. Use the Notification under General options instead of this block.
• Can’t figure it out? Contact us.