logo

  • How to customize Forma Lms' branding

     

    Forma Lm's look and feel is managed through its templates. 

     

    Templates are stored in the ...../templates/ folder. You should access that via FTP or File manager, they are not modifiable via UI unless you have the plugin for that. 

     

    When you first install it, Forma come with a "standard" template. 

    If you want to customize the template to match your own branding, you can do that by manually modifying the template or by using the commercial "templedit" plugin, that does all the work for you. 

    Let's have a look at how you modify the template. 

    Always keep the standard template

    Our advice is to always leave the "standard" template untouched. When you upgrade Forma, the standard template will be overwritten, so you will lose your changes. Much better to duplicate it and rename it to your liking. The editing will be done on the duplicated template. 

    Remember to set your customized template as your default one, in order to display the changes. 

     

    Logos and images

    There are 4 images you can easily replace, by overwriting the existing images with your own, provided they have the same name and extension Just replace them in the folders you will find below. 

    company logo

     

    this is company_logo.png, it's stored in ...templates/templatename/images/company_logo.png

     

    company admin

     

    This is company_logo_admin.png, it's stored in ...templates/templatename/images/company_logo_admin.png

     

    favicon

    This is the favicon, it comes with 2 files (.ico and .png). They are supposed to be 16*16 pixels. 

     

    Replace the 2 favicons under ..templates/templatename/images/favicon.png 

     

    and ..templates/templatename/images/favicon.ico

     

     

    image

     

    The cover image is named image.jpg and it's in ..templates/templatename/images/login/images.jpg 

     

    Further editing

     

    Forma Lms' icons can be found under ..templates/templatename/static/images/icons/.....

     

    Just like in the other cases, you can replace the icons with recolored ones provided you keep the same file names. 

     

    Styles and .css are in the style and styleguides folders. If you are familiar with .css you'll be able to change the overall colors and styles. 

     

     

     

     

This site uses cookies.

Some of the cookies we use are essential for parts of the site to operate and have already been set. We also use Google Analytics scripts, which all use cookies.
You may delete or block all cookies from this site in your browser options.