Wfolio Docs
Control panelUpdatesSupport
Eng
Eng
  • Getting started
  • Plans
  • CLIENT GALLERIES
    • Gallery examples
    • 120 GB for free
    • Gallery management
      • Easy start
      • How to select files in a folder
      • How to add a cover on the Cloud Drive
      • FAQ. Drive
      • How to clear cache in social networks and messengers
    • Selections
      • Setting up selections
      • Copying list in LR and C1
    • Products and services
      • How to sell products and services on the drive
      • How to sell digital photos
  • WEBSITE BUILDER
    • Site examples
    • Pages and content
      • How to set a homepage
      • How to hide a page
      • How to restore deleted page
      • How to make a dropdown menu
      • How to add blocks to an album
      • How to create a landing page
      • How to make a one page website with anchor links
      • How to set a password to the page
      • How to group hidden pages
      • How to add blocks to a page
      • How to hide blocks
      • How to change the page template
      • How to add a cover to a page
      • How to clear cache in social networks and messengers
      • Work with text
      • How to crop a photo
      • How to add a banner
      • Slider on the home page
      • How to add a video
      • How to protect videos from downloading
      • How to make a clickable link
      • How to make an anchor link
      • How to add buttons to social networks
      • How to make a phone number clickable
      • How to add a file for downloading
      • How to create a multilink
      • Splash page
      • FAQ. Page Editing
    • Design
      • Site theme
      • Site colors
      • Dark theme
      • Social media icons
      • Why do I need a logotype for a website
      • Creating and uploading a logotype
      • How to delete a logotype
      • Photo layout
      • How to make an announcement bar
      • Overriding CSS for a block
      • FAQ. Design
    • Portfolio
      • Photo requirements
      • How to add albums and galleries
      • How to organize portfolio on a website
      • How to make subsections in a portfolio
      • How to create subpages in a portfolio
      • How to create a portfolio with tags
    • Blog and shoot previews
      • Shooting previews
      • How to respond to customer reviews
      • How to make post/announcements in a blog
      • Categories in reviews and posts
    • Widgets
      • How to add HTML code (widget)
      • Q&A (FAQ) widget
      • Before&after widget
      • Pinterest widget
      • How to add a calculator to a website
      • How to integrate email campaigns
      • How to connect an online booking system
      • How to add a map
      • How to add a calendar
      • How to add a form
      • How to create a QR code for a link
      • How to add music
      • FAQ. Widgets
    • Site settings
      • Main site settings
      • How to add the text at the bottom of the website
      • Site development mode
      • How to translate a website
    • Search Engine Optimization
      • How to connect Google Search Console
      • How to get into Google search
      • Alt-texts for images
      • SEO page settings
      • How to change the cover for social networks on a separate page
      • Sitemap.xml on your website
    • Products and services
      • How to sell products and services on the website
      • How to create a personal account of the client
      • How to create Thank you page
  • Shop
    • Currency
    • Product card
    • Payment system connection
  • Analytics
    • Wfolio analytics
    • How to connect Google Analytics
    • How to install Facebook pixel
  • Domains
    • New domain registration
    • How to connect a domain purchased elsewhere
    • SSL certificate and HTTPS
    • Сonnecting a subdomain
    • FAQ. Domains
  • General settings
    • Trial period. Payment for services and auto-payment
    • Login system update: now password-free
    • Access code for login
    • How to change the plan
    • How to make several websites
    • How to invite a friend
    • How to change email for notifications
    • How to save a website in case of temporary non-payment
    • FAQ. Payment
  • Legal settings
    • User Agreement
    • Privacy Policy
    • Cookie notifications
    • Cookie Consent Management
    • 18+ Content Warning
  • Links
    • Wfolio control panel
    • Telegram support chat
Powered by GitBook
On this page

Was this helpful?

  1. WEBSITE BUILDER
  2. Design

Site colors

How to set and change website colors

PreviousSite themeNextDark theme

Last updated 3 months ago

Was this helpful?

Go to the Design → Site colors.

When you change the color of the website, the background color, the color of buttons, links and other elements on the site changes.

You can also turn on the .

Custom color schemes

Standard color schemes are selected by Wfolio designers. There is an option to connect custom color schemes. They allow you to choose site background color, button color, the main, accent, and contrast colors of the website.

To connect it, send a request to our support team.

Block background color

When you change the color of the website, the accent and contrast colors change, which can be used when setting up blocks on custom page. After choosing the color of the website, go to the page to change the color of the blocks.

Block colors can only be set on custom pages.

Click the palette icon (block background). Select the block color:

  • Accent. The accent color that you selected on the Design page.

  • Contrasting. The color is the opposite of your color scheme.

  • Image.

The image as a background can be set on blocks with text, a button, and blocks with some widgets.

dark theme