The University of Sheffield
Web Support

Feature box

What is it?

The feature box is an outline box with a thick top bar. The colour of the top bar matches the colour of the global section you are in - for example, blue for the Departments & Services.

Within a feature box you can apply heading styles, use layouts, insert tables and drop in images.


This is an example of a feature box with some text inside it.

As this page is located within the Departments & Services and section, the top bar of the box is blue.

Read the guidance below for more examples of how to use the feature box.

What should it be used for?

The feature box is designed to help you neatly organise blocks of content on your page. Use it with layout tables to create small promotional boxes to signpost the most important areas of your site to users.

Typical uses of the feature box are below. Click the thumbnail to see each example in action.

Boxes on a department homepage:

Example department home

Boxes on a sub section homepage:

Example sub-section

Draw attention to a pull-out fact:

Example pull-out fact

Highlight a call-to-action:

Example call-to-action

Things to consider

A few things to consider when you are thinking about where to insert a feature box:

How to insert a feature box

  1. Use your mouse to select and highlight the content you want to appear inside the feature box
  2. Click the styled box icon, which can be found on the bottom row of the toolbar to the left of the bold icon
  3. Choose feature box from the dropdown
  4. Click OK

You can remove a feature box by right-clicking on the box and selecting remove styled box.