How to style your links
You can change the look of text and email links on your pages, see examples below. This is done by adding a style class to the link editor. It's easy to do and rather than have all links change, this way gives you greater control over which links are re-styled.
Follow these steps:
First, you need to copy one of the styles below, each one has an example to the right.
| Copy text below | Example |
badge badge-primary |
www.schools-online.co.uk |
badge badge-pill badge-primary |
www.schools-online.co.uk |
btn btn-primary btn-sm |
www.schools-online.co.uk |
btn btn-primary btn-sm btn-round |
www.schools-online.co.uk |
btn btn-primary |
www.schools-online.co.uk |
btn btn-primary btn-round |
www.schools-online.co.uk |
| Click image to zoom! |
Step 1
touch_app Double-click anywhere within the text section
(avoid the links as these are active and will take you away from the editor).
Step 2
touch_app Click your mouse cursor on the link to select it
touch_app now Click the link tool
Step 3
touch_app Click the 'Advanced' tab
Step 4
touch_app Click inside the Stylesheet Classes field then paste CTRL + V the class you have copied from the selections above.
touch_app Click OK
Step 5
The style has now been applied to your link
touch_app Click Publish