MGSites Support
  • Home
  • Getting Started
  • Account Settings
  • FAQ
    • Activate My Website
      • What is DNS?
      • GoDaddy
      • Google Domains
      • Namecheap
      • Hover (Tucows)
    • Google Analytics
    • Edit Special Offers
    • Update Financing Page
    • Add + Edit Content
    • Add + Remove Webpages
    • Add + Update Images
    • Change Colors
    • Change My Logo
    • Integrations App
    • Add + Update Videos
    • Edit Blocks
    • Edit Quotes
    • Social Media Icons
    • Update Links
    • Update Button Links
    • Update Contact Us Pages
    • Update Header + Footer Links
    • Update Main Menu Icons
    • Update Phone Number Button
  • Edit Mode
  • Dashboard
  • Elements
    • Gallery
    • Button
    • Icon
    • Image
    • Image Slider
    • Sharing Buttons
    • Paragraph
    • Pages
    • Video
    • Title
    • Quotes
  • Contact Us

Questions? Contact us at:

support@mgsites.net
MGSites Support
Contact Us
MGSites Support
  • Home
  • Getting Started
  • Account Settings
  • FAQ
    • Activate My Website
      • What is DNS?
      • GoDaddy
      • Google Domains
      • Namecheap
      • Hover (Tucows)
    • Google Analytics
    • Edit Special Offers
    • Update Financing Page
    • Add + Edit Content
    • Add + Remove Webpages
    • Add + Update Images
    • Change Colors
    • Change My Logo
    • Integrations App
    • Add + Update Videos
    • Edit Blocks
    • Edit Quotes
    • Social Media Icons
    • Update Links
    • Update Button Links
    • Update Contact Us Pages
    • Update Header + Footer Links
    • Update Main Menu Icons
    • Update Phone Number Button
  • Edit Mode
  • Dashboard
  • Elements
    • Gallery
    • Button
    • Icon
    • Image
    • Image Slider
    • Sharing Buttons
    • Paragraph
    • Pages
    • Video
    • Title
    • Quotes
  • Contact Us
Sign In
3232-color-element.gif

How to change colors.

If you want to make your site more colorful and eye-catching by changing the color of any element, make sure to use the ‘Colors’ tool from the Tools Panel on the left. You'll find a set of various color shades available on the Palette, both Flat and Gradient.
 

> To add a new color, click '+' and pick the desired color from the Dialog Window.

 

> You can specify the Hue simply moving the first pointer, while the second pointer determines the color Saturation.

 

> Playing with the color Opacity using the next pointer can be really eye-appealing while dropping the color on different elements or a certain block. You can find the recently applied colors below, as well as insert the color codes you prefer.

 

> Want to experiment with colors? Go ahead and use Gradient colors here. You can change the color patterns: Liner or Radial move the controllers to specify the desired style. 

 

> After adding the desired color to the Palette, simply drag and drop the color to the specific site element

Apply Colors to Your Website

+ Click on the Colors Tool on the Left Panel to get started.

The Colors Tool, located on the Left Panel of your website's Edit Mode, allows you to make quick color changes to both Elements and Blocks on your site. 

 

To add a new color, click on the [+] icon, and you'll get to choose from both Flat and Gradient colors available on the Color Palette.

apply colors one

You can specify the Hue by simply moving the first pointer, while the second one determines the Opacity of the color. You can find your recently applied colors below, as well as insert the HEX Value of your preferred color.

 

Change the Gradient color patterns by choosing either Linear or Radial, and move the controllers to specify the style.

 

After adding the desired color to the Palette, drag and drop the color to the specific site element or area (i.e. Title, Paragraph, Form, Block, etc.). Make sure to drop the color when the area gets highlighted in purple.

To remove colors from your palette, hover over the desired one in the same window, and you'll notice the 'X' icon.

apply colors two
MGSites Support
Help Desk
  • Home
  • Getting Started
  • Account Settings
Sign In
Questions?
support@mgsites.com
Questions?
support@mgsites.com

Privacy Policy | Accessibility Statement | All Content Copyright © MGSites.net