Overview

If you're familiar with writing HTML/CSS, Journal offers a plugin which can give you greater control over the look and feel of your Journal.


Contents


What is CSS?

CSS stands for cascading-style-sheets and it is used to change the design of a website by adding colour, adjusting the layout, changing the size of elements, adding fonts, etc. 

If you are unfamiliar with CSS it is advised that you first watch/read some help-guides on the web.


Installing the CSS Plugin

To add CSS to your Journal you will need to install the CSS plugin. You can do this by doing the following:

  1. From your Journal dashboard, select 'Plugins' from the left-hand menu.

  2. Using the 'Search' box on the right, type 'Custom CSS' and click 'Activate'.

  3. You can check the plugin has been activated successfully by clicking Appearance from your Dashboard and Custom CSS.

Adding CSS to Your Journal

Now that you have installed the CSS plugin, you may wish to start with some basics to test everything is working ok.

  1. Start by trying to change the colour of the font. You can do this by clicking Appearance from your Dashboard left menu and then Custom CSS.


  2. In the box that appears on screen try entering the following and then by clicking 'Save CSS' on the right:

    p {
    color:red;
    }


  3. Click 'Visit Site' from the top menu to check that your changes have taken effect.

  4. Finally, try changing the font. You can do that by using the following code and again clicking 'Save CSS':

    p {
    font-family: “Times New Roman”, Times, serif;
    }

Question mark iconFurther Support

For general queries about the Learning Space, students should first contact their module leader or personal tutor. For any other comments or issues within this guide, please contact the Digital Learning Team via dlsupport@falmouth.ac.uk. Alternatively, please refer to the numerous help guides found on our Knowledge Base