WHAT ARE FUNCTION, ACCENT AND SUPPORTING COLOURS


Over the last few months, MOBLE has received many requests to continue to expand the Styles area to include more elements of CSS that you can edit in the UI.

We are now busy bringing more features to the Styles area to offer granular control without requiring CSS and JS skills. It is worth reiterating that MOBLE is an open CMS and therefore you can invite any Frontend developer to access the CSS and make changes and amendments to the CSS on your behalf, or please feel free to contact MOBLE directly to enquire further on www.moble.com/lets-talk

In this Episode, we look at some of the granular components that we have recently added and we invite you to request further features to help us build the most flexible and Dynamic custom website builder.

Before we start it is worth taking a short moment to recap and explain exactly what we mean by CSS.


What is CSS?

CCS or Cascading Style Sheets is a language that describes elements of HTML, such as fonts, colours, margins, lines, height, width, background images, advanced positions and more.

Think of CSS as a way to save time. If you have a yellow button that appears in many locations throughout your website, then you decide to turn the button into a more rusty yellow, with CSS you only need to change the button colour once, it will then update in every location around the website in an instant.

It is not just the button colour that can be controlled in CSS, it could be button hover colour, button padding, text size, character spacing, height and shape.

Your MOBLE theme builder allows you to select and change the most common parts of your CSS. If you understand CSS and HTML and would like to make more advanced changes, you may access your website CSS and HTML when on the MOBLE PRO account package.


Function Colours

Function colours are additional brand colours that can be used as part of your website style kit.

Function colours are an important part of your website code or CSS (Cascading Style Sheets). Function colours are used in CSS for functions such as headers, headings, links, borders or in site animations and hover effects.


Accent Colours

Accent colours are additional brand colours that can be used as part of your website style kit.

Accent colours are an important part of your website code or CSS (Cascading Style Sheets). Accent colours are used in CSS for functions such as buttons, list bullets, or in site animations and hover effects.


Supporting Colours

Supporting colours are additional brand colours that can be used as part of your website style kit.

Supporting colours are mainly used within your website colour palettes. Colour palettes are found in various places throughout MOBLE CMS, mainly in the text editor and to change colours in background rows and blocks.

Supporting colours are part of your CSS and are advantageous to keep your website colour consistent and on brand.

MOBLE Supporting Colours

An example of Supporting Colours see here in the Page Editor.

Suggest a Feature

We'd love to hear your feedback, please let us know which elements of CSS you'd like to see in the MOBLE styles area.