Use the Color Picker

Melody Jaimon • December 6, 2022

Color Picker is an editing feature that enables you to customise the colour scheme of text, background, and other elements. You may select a colour from the colour palette, enter a HEX or RGB value, or even design your own gradient. Recent colours can help you maintain a consistent colour scheme and a professional appearance on your site.


You can choose from the following options when using the Color Picker. :

Color style

Before choosing a colour scheme, you must determine whether you will utilise a single color or a gradient.


If you are utilising the
single color option, you may choose a color from the Recent colors menu or skip to Choose another color.


Gradient background will be available for the row, column, and widget backgrounds, as well as image overlays. When using a gradient, be sure to:


  • Select two colors from the gradient's stops
  • You can reverse the colors to modify the position of the stops.
  • Choose gradient direction
  • Centre option generates a radial gradient
  • The side options will create a linear gradient

Global Colors

Global colors enable you to build a color palette and link individual colors to any or all widgets with color settings. When the color of any element connected to the global colors is modified in the global colors settings, the color of the linked elements is instantly updated. This enables you to make color changes quickly, reducing design time and ensuring your site's appearance is consistent across pages. See Global Color to learn more on how to configure global colors.

Saved Colors

Saved colors that are often used across your site can be saved by adding them to the Saved Colors list in the color picker.


To add a color to the saved colors, go to the color picker's Saved Colors tab and press the Plus button. To delete a color from the Saved Colors list, right-click it and choose Remove.


Note that you may store up to 48 colors and gradients in the Saved Colors list.

Recent Colors

When you choose a color, the recent color menu displays a sample of colors that have recently been used on your site. This enables you to rapidly choose colors from your site's existing palette.

Choose Another Color

Select the color hue using the palette or panel on the right. Alternatively, you can input the desired color's HEX or RGB value in the text box below the vertical color gradient.


To accurately match a color from anywhere on your site (images, text, etc.), click the
eyedropper tool and choose the desired color from your site. No need to spend time determining the exact name or value of a color.

Opacity

The opacity slider determines the element's transparency. Keep in mind that when the opacity of an element is reduced, whatever is behind it (background image or color) will begin to mix with that element.

Considerations

  • The gradient is unavailable for text elements, thus you won't find it in the Color Picker for text elements in the widgets design editor of the Global Design tab.
  • When working with backgrounds, moving between Color and Image resets the settings on the preceding option to null. For example, if you were using a color and changed the option to Image, any color or gradient settings will be removed.
  • Individual button backgrounds are overridden by gradients. Reselect the background for individual buttons to change them back.

See How Our Agency Can Drive Massive Amounts of Traffic to Your Website

Website Design designed for your audience and to be found on Google Searches
SEO - unlock relevant and increased SEO traffic. 

Paid Media - effective paid strategies with a clear ROI.

Get Started

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing.

Get in Touch

Do you want more traffic and business leads?

Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?

Let's Chat
A laptop with a red envelope with a padlock on it.
By Melody Jaimon July 9, 2025
Email hacking is a growing risk. Learn how accounts get hacked, spot the signs, and boost your cybersecurity. Read the full guide to stay protected.
Two flags are flying in front of a building
By Melody Jaimon July 2, 2025
More Australian websites now feature Acknowledgement of Country. Learn why it matters, how to write one respectfully, and where to include it on your site.
A person is holding a cell phone in front of a laptop using Gmail as part of a Google Workspace CRM
By Melody Jaimon June 20, 2025
Looking for a simple CRM alternative? Learn how to use Google Workspace as a CRM system for your small business. Manage enquiries, share inboxes, assign tasks, and stay organised—without extra software.
a man touching an email icon with his index finger
By Melody Jaimon June 20, 2025
Google MX records direct Google and other search engines to your mail server. Without these records, mail from your domain will often be sent to the spam folder. Read more about Google MX records, including how to set them up.
A group of clouds are connected to each other on a computer screen.
June 18, 2025
Facing IoT's toughest problems? This guide explores 10 major challenges with real-world solutions and case studies. Learn how cloud tech bridges the gap. Read more.
A man is typing on a laptop computer on a wooden table.
By Melody Jaimon June 6, 2025
Many overlook the footer, but in 2025 it’s a strategic asset. Explore footer design ideas that can enhance your website’s performance. Read the full blog.
A man is typing on a keyboard while another man points at a computer screen.
June 2, 2025
Discover the 2025 software development process from a marketer’s perspective. Learn how modern dev cycles, agile methods, and cross-functional collaboration impact marketing success.
A person is using a cell phone in front of a laptop.
By Melody Jaimon May 26, 2025
Microsoft Teams Not Syncing on Mobile? Here's the Real Fix (2025 Guide) If your Microsoft Teams app isn't syncing on your iPhone or Android, you're not alone — and no, it's not just a glitch. This quick, step-by-step guide shows you how to fix Teams not syncing on mobile in under 2 minutes. No tech jargon, no guesswork — just the actual solution that works in 2025. Perfect for remote teams, business owners, and anyone who relies on Teams for work. 👉 Click here for the fix that actually works
A laptop computer is open to a website on a wooden table.
By Melody Jaimon May 23, 2025
Over 58% of Google searches end without a click. Find out how zero-click searches impact website traffic and what marketers can do to stay visible.
A woman is sitting at a table using a laptop computer.
By Melody Jaimon May 15, 2025
SEO pricing in Australia ranges widely in 2025. Learn what impacts cost, what to avoid, and how Love My Online Marketing structures SEO for ROI. Read more.
More Posts