Text block with a button

Within a text block you can add buttons to highlight calls to action. By default the button style should use 'button outline' option.

To add a button:

• highlight your text
• link your text (external link or section link)
• highlight your text
• Under the menu Format > formats select button-outline

Please note

• If you create a button from the all the text on a given line the editor will add your format to the paragraph as opposed to the link. To get around this add some additional characters before the text you want format as a button and delete when you're done. Following the above steps this is how it would look in practice:

Add additional characters before the text you want to format as a button

Test my button

Link your text

Test my button

Add a button format to your text

Test my button

Delete additional characters

my button

Example buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel fermentum quam. Duis in aliquam magna, quis ornare nibh. Morbi rhoncus odio mauris, sit amet sodales nibh dignissim quis. Mauris viverra accumsan orci ut ultrices. Donec accumsan in felis eu sagittis. Donec id elementum massa, vel consectetur sem. Nulla tempor posuere mi, a fringilla dolor lacinia quis. Morbi sed lorem tincidunt ligula venenatis gravida.

Button outline

Buttons can be added alongside one another if you need to group call to actions.

Button outline Button outline

For a stronger call to action, the solid blue button style can be used, but the use of this should be limited. If you need to access this style please contact digitalsupport@derby.ac.uk.

Button blue

Buttons can be added alongside one another if you need to group call to actions.

Button blue Button outline