Text Plugin

This piece of text is an example text plugin. Underline. Bold. Italics.

Select the "Add new plugins" in the left hand icon bar, then find the Text Plugin.

Click and drag the plugin until it snaps into an existing content block on the page where you would like it.

Type whatever you want into your text box space

Use the blue taskbar at the top of the text box to customise how the text looks:

• Bold - Use this to toggle current font style or highlighted text to Bold (shortcut CTRL+B)
• Italics - Toggles the current font style or highlighted text to Italics (shortcut CTRL+I)
• Underline - Toggles the current font style or highlighted text to Underlined (shortcut CTRL+U)
• Link - When you want text to link to another page, site, or file, you'll need to create a link. To do this, highlight the text that you want to link when clicked on, and select the link button. This will bring up the link dialogue. You have the ability to change what type of link this is such as making it a telephone number, an email address, a file or an internal/external site. If you are linking to a page on your site you can use relative links; you don't need to type out the full URL (absolute link). For example we have a page called www.jolojo.com/get-jolojo, but we only have to type in /get-jolojo. External website links will need the full URL, including the http at the beginning (e.g. https://www.jolojo.com/get-jolojo).
  As you type, Jolojo will suggest internal pages to link to.
• H1, H2, H3, H4 - This allows you to change the type of text you are inserting into the Text Editor. Each option is a standard HTML formatted type. It's best practice to have a Header One as your main header on your web pages, with each heading after that representing sub titles or paragraph headers.
• Unordered list - Creates an HTML ordered list. Can be applied before you start typing or select paragraph(s) to convert into a list..
• Ordered list - Created an HTML ordered list, same as above but with numbering.
• File manager - Clicking on the file manager while editing text will give you the option of inserting an image into your content. Read more about the file manager here
• Remove formatting - Rich Text Editors can get themselves into a bit of a state at times, this is mostly the fault of the browser, but if you are getting unexpected styles (such as an H1 section being styled the same way as a P section), we suggest selecting all the text and clicking this Remove Formatting button
• Custom styles - Much more focused towards developers using Jolojo, this is a list of custom styles built into your current template. These styles are customised in the CSS of the site, and should the style need to be changed in the future, you can change it in the template and it'll update every place the style is used, making things easier to manage and keeping everything looking the same.
  If you are looking to add custom styles to your pages, you can add custom styles directly into your CSS. Jolojo will scan your CSS and search for a class named .text-custom_NAME , you can add to this class. For example .text-custom_blue-button will give you the option in your custom styles window of "blue button". You just have to do the styling. See templating for more info.
• Source - Clicking on the Source button switches the display between normal WYSIWYG view, and code view, meaning you'll see the raw HTML code that the normal view generates for you. Opening this allows you to edit the raw HTML within the text plugin that you have created.

Remember after making any changes to your text plugin to select the "Save" button in the top admin bar.

NOTE - When editing a text plugin, you can customise how it looks within the content block settings (e.g. background and font colour) by selecting the Content Block Edit icon. See Styling Content Blocks