Live customizer

This feature is available for Edwiser RemUI v3.9.8, v3.10.1 and higher .

On left navigation bar locate the customizer (paintbrush icon) option from the secondary menu (Horizontal bottom menu)

As soon as you turn on the live customizer you can select from the display options available to check how your site looks in responsive modes.

Also, the big blue arrow button is to hide the live customizer menu.


1. Site

Here, you can insert the favicon for your site.

  • Expected image size is 16×16 pixels.
  • Accepted file types are web .gif .jpe .jpeg .jpg .png .svg .svg

2. Typography

i) Body

Here, you can set Font Style/Family; Font Size; Font Weight; Text Transform; Line Height; Text Colour; Link Colour and Hover Link Colour.

ii) Heading

Here, you can set Font Family, Font Weight, Text Transform, Text Color, and Line height for Headings (H1 – H6)

3. Colours

Here you can set the :

  • Site-wide Primary Colour for your website.
  • Choose page background between solid colour, image or a gradient effect.

4. Buttons

i) Primary

For Primary buttons on your Moodle site, you can set the Border, Typograpghy body and Padding.

ii) Secondary and Default

For Secondary and Default buttons on your Moodle site, you can set the Colours, Border, Typography body and Padding.


1. Site Identity

You can choose a site logo format between :

  • Icon and Sitename – In this format, you could upload icon as well as the site name and they will be correspondingly displayed. (You can choose an icon from the list of font-awesome icons)
  • Logo – You can upload an image of your choice from the given uploader
  • Site name with logo – You can display the site name along with the logo, however, the layout in Header > Primary > Layout desktop should be set to Top icon bottom menu.

2. Primary

Here you can set the position of the logo for Desktop Layout and Mobile Layout. You can also adjust the size and colour of the bottom border of your header.

3. Menu

If you enable the set site colour of navbar the primary colour set in global > colour will also be applied to the header bar.

If you prefer to use a different colour for the header disable set site colour of the navbar and select the background colour and text colour from the default menu.

You can also set the background hover and text hover for the header menu from the hover menu here.

Left Sidebar

1) Main Sidebar (Main Navigation bar)

Here you can set the colour for

  • Link Text – Simply changes the text colour of links on the left navbar
  • Background- Simply changes the background colour of the link on the left navbar
  • Link Hover Text- Changes the text colour of links on the left navbar when the mouse hovers on it
  • Link Hover Background – Changes the background colour of the link on the left navbar when the mouse hovers on it
  • Active Link- Active link refers to the page which is currently displayed on the screen and you can set the colour for that link
  • Active Link Background – Changes the background colour of the active link in the left navbar

Screenshot for reference:

2) Sidebar Links

From here you can hide the links like Dashboard, Site Home, Calendar, Private files etc from the left navigation bar.

3) Secondary Sidebar

The Secondary sidebar refers to the horizontal menu bar at the bottom of the left navigation bar.

You can set the background colour, Icon colour, Link hover background and the size of the icons on the secondary menu.


This section helps you customize the footer section of your Moodle site.

You can set the Background Colour of the footer section and Text Colour, Link Text, Link Hover Text present on the footer section.

Custom CSS

You can add custom CSS in this section but do note that the changes will be reflected throughout the Moodle site.

Once done with all the settings you can click on the save button or simply reset to previous changes by clicking reset button available on the top menu

Was this page helpful?