Here you will find an overview of which design settings correspond to which elements of LOLYO.
¶ Basic settings
¶ Colors - Header Color
The Header Color affects: the first bar on which the LOGO and the menu, contact list and chat icons are displayed.
You can enter the color code of your corporate design or click on the color field on the right to set the colors manually.
¶ Colors - Primary Color
The Primary Color affects: the background of the burger menu (for the web version in the user view on the left), the “Library” section, the quick links icons (end of page), all headings, the editing icons and the event button.
¶ Colors - Text Color
The Text color affects: various texts and is the main text color.
¶ Advanced Settings
Once you have checked the Advanced Settings box, you will have additional color adjustment options, as well as additional menus for Other colors, Buttons, and Icons.
¶ Colors - Text color light
The Text color light affects: Various texts (e.g. menu) and icons that are to be displayed on a dark background. This also includes the number of points collected in the heart symbol.
¶ Other colors - Background (box)
The Background (Box) affects the background of the content elements of the complete user view, as well as some font and icon elements of the grid menu.
¶ Other colors - Background
You can use the secondary color Background to change the background of the entire user view. For usability reasons, it may make sense to choose a different color than for the Background (Box).
¶ Other colors - Background (Chat 1 & 2)
The color Background (Chat) affects the message boxes in the chat window. Chat 1 is the color of the incoming messages and Chat 2 is the color of my sent messages.
¶ Other colors - Chat Text Color
This is the color used for the text in the chat window.
¶ Other colors - Accent color 1
Accent color 1 affects various areas of the user view, e.g:
Points earned for posts
Accents for goodies under Redeemed products
Profile
¶ Button 1 - Button Color
The Button Color changes e.g. the button for news posts to load older comments, as well as the Send button in the chat.
¶ Button 1 - Button background
The Button background changes the background color, e.g. the button for wall posts to load older comments, as well as the Send button in the chat.
¶ Button 1 - Button Color (Active)
The Button Color (Active) affects the colors that are displayed when the mouse is over them. This is for example the button for news articles to load older comments or the Send button in chat.
¶ Button 1 - Button background active
Button background active refers to the colors that appear when the mouse pointer is moved over the button. This is for example the button for news posts to load older comments, or the attach and send button in chat.
¶ Button 2 - Button Color
The Button Color refers to the font and symbols of button 2 (News, Profile, Library etc.).
¶ Button 2 - Button background
The Button background is used to set the background of button 2 (News, Profile, Library, etc.).
¶ Button 2 - Button Color (Active)
The Button Color (Active) refers to the font and icons of Button 2 (News, Profile, Library, etc.) that are displayed when the mouse pointer is moved over them ("mouseover").
¶ Button 2 - Button background active
The Button background active is used to set the background of button 2 (News, Profile, Library, etc.) when the mouse pointer is moved over it ("mouseover").
¶ Button 3 - Button Colour
The Button Color refers to the font and icons of the buttons, as in the goodies.
¶ Button 3 - Button background
The Button background is used to set the background of button 3.
¶ Button 3 - Button Color (Active)
The Button Color (Active) refers to the font and icons of button 3 that are displayed when the mouse pointer is moved over them.
¶ Button 3 - Button background active
Button background active refers to the background colours of Button 3 that are displayed when the mouse pointer is moved over them.
¶ Icons - Icon header color 1
Icon header color 1 refers to icons such as menu, chat and contact list buttons.
¶ Icons - Icon header color 2
Icons header color 2 affects the color of the icons in the header when the mouse pointer is moved over them.
¶ Icons - Icon color active
The Icon color active affects the color of various icons.
For example, if likes have been 'clicked' or comments have been made.
The color of the heart is also set here.
¶ Icons - Icon color inactive
The icon color inactive affects the color of various icons.
For example, if likes have not yet been 'clicked' or no comments have been made.
¶ Images - Logo Start
This is the logo that is displayed before the login.
¶ Images - Logo Start (small)
This logo appears after clicking on “Login”.
¶ Images - Header
This logo is displayed in the header.
¶ Images - Favicon (ico)
The logo displayed in the browser tab.
For logos, we recommend the SVG file format (better anti-aliasing / resolution) or PNG. JPG or JPEG formats are also possible.
Please use an ICO file for the favicon. There are websites that convert to the ICO format free of charge (example: https://www.favicon-generator.org/).