BACKGROUND OVERLAY


Background Overlay enables you to place a transparent layer between your background and your text. While this feature can dramatically enhance your website aesthetics, it is an essential user experience function to ensure the legibility of your text.

MOBLE CMS Background Overlay


EXAMPLE:

Background Overlay is frequently used where an image has similar colours to the text that is placed on top of it. For example, if you have an image of a field of yellow sunflowers and one of your main brand colours is yellow, you may wish to place an overlay on top of the image, to allow the text to be read clearly.

OVERLAY COLOURS:

Your website has ten overlay colour options in total. These are controlled in the Colours tab of the Styles area.

The ten overlay colours are:

  • Primary
  • Secondary
  • Accent 1
  • Accent 2
  • Accent 3
  • Accent 4
  • Accent 5
  • Accent 6
  • Light
  • Dark


OVERLAY OPACITY:

Opacity measures the Overlay's ability to pass light through its surface.

  • An overlay that is 100% opaque is not transparent
  • An overlay that is 0% opaque is completely transparent


There are 4 strengths of Opacity to chose from:

  • 0 - Completely see through. Do not select a Background colour, Gradient or Opacity
  • 0.2 
  • 0.4
  • 0.6
  • 0.8
  • 1 - Completly opaque. Do not select Opacity, only select a background colour.

LAUNCH


14 DAY FREE TRIAL

MINI


12 PAGES

PLUS


50 PAGES

PRO


500 PAGES

CUSTOM


UNLIMITED PAGES