Skip to content
  • Solutions
    By Role
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    By Infrastructure
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
  • Product
    • Plesk Features
    • Plesk Editions
    • What’s new
    • Pricing
    • Roadmap
    • Lifecycle Policy
    • Extensions Catalogue
  • Pricing
  • Extensions
    Featured Extensions
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    Bundles and packs:
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack

    See all Extensions

  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
Plesk 360 login
Free Trial

Knowledge Base

Selecting Website Colors, Background Images, Fonts, and Styles for Borders and Corners

 
creating sites with presence builderdesign design templates layout styles color scheme and headerediting websitesreseller guidewebsite management

The general color scheme, or styleset, of your website comprises four
colors. Each color is used for several website elements at once. You can
adjust colors of individual elements on the Design tab > Colors
tab.

To select the general color scheme for your website:

  1. Go to the Design tab > Scheme tab.

  2. Select the color scheme, or styleset, of your website in the menu.

    You will see the four colors used in the color scheme of your
    website.

  3. To adjust one of the colors of your website color scheme, click the
    respective color field and change the hexadecimal color code value or
    select a color with the color picker.

    Note: These changes will override any previous changes of individual
    elements’ colors made on the Colors tab.

  4. Click OK to save changes.

Alternatively, you can click Choose for Me to have Presence Builder
choose a color scheme for you automatically. The color scheme will be
chosen to match the banner in the header, or, if no banner is present in
the header, the first one present in the content area. If your website
has no banners, a color scheme matching the background image will be
chosen. If your website has no banners and no background image, an error
message will be displayed.

To set colors or background images for individual website elements:

  1. Go to the Design tab > Colors tab.

  2. Select the website element in the Page area menu. You can modify
    Site background, Watermark, Header, Footer, and
    Content areas.

  3. Click the arrow in the Color or image menu.

  4. Select the opacity level for the background.

  5. Do any of the following:

    • To fill with a solid color, leave the Solid color option
      selected, and select a color with the color picker.
    • To fill with a gradient, select the Gradient option, and then
      select a pattern from the library.
    • To fill with a background image, select the Pattern option,
      select a pattern from the library or click Upload to upload
      your own image. Specify whether it should be tiled, cropped or
      resized and where it should be placed.
  6. For an element with text, adjust font colors by clicking the…

Tweet
Share
Share
Email
0 Shares
Read the full article
Related Posts

Guide on Website Management

Read More »

Plesk Obsidian Preview: The Curtain Lifts

Read More »

Website Management Routine Basics

Read More »
Knowledge Base

Extended Website Management

Read More »

Changing Your Website Layout

Read More »

Changing the Website Header Elements

Read More »

Commenting

Read More »

Hosting Wiki

X-twitter Linkedin Youtube Reddit Github
  • Product
  • Login
  • Pricing
  • Editions
  • For Partners
  • Partner Program
  • Contributor Program
  • Affiliate Program
  • Plesk University
  • Company
  • Blog
  • Careers
  • Events
  • About Plesk
  • Our Brand
  • Resources
  • User and Admin guides
  • Help Center
  • Migrate to Plesk
  • Contact Us
  • Hosting Wiki
  • Forum
  • Legal
  • Legal
  • Privacy Policy
  • Imprint

© 2025 WebPros International GmbH

Part of the WebPros®  Family