How do I change my font / text / heading size?

You can change the text content of your page by changing paragraphs to headings, or change the font size of text in your page.

Changing the font size of text in the page will only affect the current page, but there are also options to change the font sizing in the template and also the font family as well.

Headings and Paragraphs (below)  Jump to Font Sizing  Jump to Font Sizing in the Template

 

You can visually change the structure of your website by using Headings to separate content.
Pages should have only one H1 heading (as set in the page options) H2, H3, H4 can be used as warranted by the content.

Examples of the different text formats used by this website

Changing Text Formats in Drag-drop and Contentbox Editors

Click into or select to highlight the text you would like to change, then choose a new text format via the FORMAT dropdown in the toolbar.

Changing Text Formats in TinyMCE

Click into or select to highlight the text you would like to change, then choose a new text format via the FORMAT dropdown in the toolbar.


You can increase the size of any text on the page, either by selecting the required text area via click and drag, or by clicking into the text itself which will change the the entire paragraph or heading.
Drag-drop and Contentbox also give you the options to change the font-weight, line-height and letter spacing elements of the text in the same window.


Changing Font Size in Drag-drop and Contentbox Editors

Click into, or select to highlight the text you would like to change, then click the Aa button from the top toolbar.

Changing Font Size in TinyMCE

Click into, or select to highlight the text you would like to change, then choose a new font size.


You can also change the font sizing in the template, this will affect all of the elements found on the website, via the 
DESIGN > Colours, Fonts and Styling > Custom Style Elements section.

There are a lot of options on the Custom Style Elements page, you will need to scroll down to the TEXT LINKS AND BUTTONS section.

 

Find the Text Links and Buttons section and click the EDIT STYLE button next to the required element e.g. Heading 1 / H1

Choose the style option required e.g. FONT SIZE and apply the change.

Note if you want the rule to explicity override the template, add !important to the end when saved.

e.g.

font-size:300%;

font-size:300%!important;



Can I change Product titles, descriptions and pricing?

You can also affect Product List page elements in the Custom Style Elements area - look for the Product Lists / Galleries / Blog Lists section.


Can I change Font family used?

In the Drag-drop and Contentbox editors you can select text and choose a different font only for the current element/page.

To change fonts site-wide, set your Heading and Body fonts via the DESIGN > FONTS AND TEXT COLOURS area.

You can highlight text and select the font-family dropdown

This will link the font to the page and apply to the selected element


Index Previous Next