BUILD YOUR WEBSITE
  • BUILDING BASICS
    • THEMES
    • ELEMENTS
    • TEXT
    • SECTIONS
    • PICTURES
    • BACKGROUNDS
  • LAYOUT & DESIGN
    • CHANGE THE FOOTER
    • CHOOSE FONTS
    • CHOOSING COLORS
    • LOGO
    • HEADER
    • TABS
    • SIMPLE TABLE
  • ADVANCED
    • AUDIO PLAYER
    • COLOR GRADIENT BACKGROUND
    • POP-UPS & BANNERS
    • SOCIAL ICONS
    • PRICE CHART
    • UPLOAD AND LINK
    • WORKING WITH COLUMNS
  • GET STARTED FOR FREE

add a color gradient background

Picture
Adding a gradient background is an easy way to make your content stand out. Just like solid color backgrounds, gradients can be added to individual sections on a page or to a single section to fill the whole background area.
Picture
Click on the section you want to add a gradient to, and click Edit Background. Select Gradient, and then click on Change Gradient to add your colors and adjust the settings.
Picture
You can change the color by dragging the slider across the spectrum bar at the top and then fine tune the lightness and saturation of the color by dragging the circle around the color swatch field below. You can also enter a hex code if you know exactly what color you want. Once you've chosen a color, drag the angle and start position sliders to adjust the angle and intensity of the gradient.
Picture
When you're done, click the arrow on your first color to go back and pick a second color using the same process. You can change the start position for the second color individually, but the angle setting applies to the entire gradient.
Picture
Still need help? Contact Us
Picture

GET STARTED BUILDING YOUR WEBSITE FOR AS LITTLE AS $15* A MONTH!

Get Started for free
Site powered by AK Visual Marketing of Traverse City, MI.
*prices are based on client needs and contract availability. Terms and conditions apply. Please email us to learn more or visit us online. 
  • BUILDING BASICS
    • THEMES
    • ELEMENTS
    • TEXT
    • SECTIONS
    • PICTURES
    • BACKGROUNDS
  • LAYOUT & DESIGN
    • CHANGE THE FOOTER
    • CHOOSE FONTS
    • CHOOSING COLORS
    • LOGO
    • HEADER
    • TABS
    • SIMPLE TABLE
  • ADVANCED
    • AUDIO PLAYER
    • COLOR GRADIENT BACKGROUND
    • POP-UPS & BANNERS
    • SOCIAL ICONS
    • PRICE CHART
    • UPLOAD AND LINK
    • WORKING WITH COLUMNS
  • GET STARTED FOR FREE