'Background Overlay' allows text to be easily read on top of your images.

PICK YOUR AI THEME TO GET STARTED

Choose an Award Winning AI Website theme, then just pay $9 hosting to unlock the full AI tools and customise everything.

BUILT BY YOU | GET STARTED

Build: a $50-$50k AI Website

Free: Theme, 5,000 Layouts, and Course

Includes: AI Chatbots, Voicebots and AI Automations

Become: the AI Manager and Web Designer

Earn: life changing passive income with an AI Agency

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.

MORE ABOUT:

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.

SWATCHES:

Your website has ten overlay colours in total. These are controlled in the Colours tab of the Styles area, found via the Main Menu.

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 - Completely opaque. Do not select Opacity, only select a background colour.

Web School: 5 Day Challenge

D03 E02 | 02:17

Background Colours

See how Background Colours were used in the 5 Day Challenge to make Light and Dark Layout variants. Quickly changing the background colours allows designers to capitalise on their great work with extras Layouts for their content team to use.

^{Scrub to 2:45 mins to see background overlay.}

D03 E03 | 14:09

Background Overlay with Child Headlines

Here we see Background Overlay used in the Advanced Masterclass during the 5 Day Challenge. Background Overlay can be used to sit over a Background Image to make text more legible.

RELATED HELP

PAGE EDITOR

BACKGROUND TABS

ALL HELP

PRICING PLANS

All MOBLE plans include the full Website Builder, CMS and AI Agents Builder. Plans are simply based on the number of website pages and charged on the 1st day of the month. This awesome method of pricing allows all businesses to build and scale at their own pace.

MOBLE doesn't take any transaction fees for online shop sales.

MINI

_{ 12 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS | Unlimited}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$9 /month

PLUS

_{ 50 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 5 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS | Calendar Bookings}

$49 /month

PRO

_{ 500 PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 10 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$79 /month

ELITE

_{ UNLIMITED PAGES}__{70 AI THEMES}__{5,000 AI LAYOUTS}__{90 MINUTE CHALLENGE}__{5 DAY CHALLENGE}__{WEBSITE BUILDER}__CMS__{BUG FREE MAINTENANCE}__{ONLINE SHOP}__{AI HELP ASSISTANT}__{AI COPY ASSISTANT}__{AI PHOTO ASSISTANT}__{AI AGENTS}__{AI AUTOMATION}__{AI CHATBOTS}__{AI VOICEBOTS | 15 Agents}__{AI VOICEBOTS | $0.08 min}__{AI VOICEBOTS |}_{Calendar Bookings}

$199 /month

AI AGENCY

__{40% PLATFORM PAYOUT}_{ 10}_{0% SERVICES YOU SELL}__{AGENCY SITE ($199 ELITE PLAN)}__{PARTNER LICENSE}__{MY SALES DASHBOARD}__{MY CLIENTS DASHBOARD}__{LOGIN TO CLIENT SITES}__{STAFF PERMISSIONS}__{TEAM LAYOUTS}

_{ NORMALLY $199 /month}_{ PROMO $99 /month}

$99 /month

PARTNERS & INTEGRATIONS

Connect your website to our ever growing community of friends...

70 Award
Winning AI Themes

Start your AI Website now

BUILT BY YOU: GET YOUR AI WEBSITE

Start your AI Agency now

BUILT WITH YOU: GET YOUR AI AGENCY

_{GETTING AROUND}

_RESOURSES

_SUPPORT

AI SALES LINE

_{AI SUPPORT LINE}

NEED A HUMAN? LET'S TALK

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.

BUILT FOR YOU: QUOTE

_{JONES BAY WHARF, PYRMONT 2009}

PICK YOUR AI THEME TO GET STARTED

BACKGROUND OVERLAY