header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
placeholder-preview-image
In this article
  • Choosing your site's theme
  • Adding themed elements
  • Setting your page background
  • Applying page transition effects
  1. Home
  2. Creating a website
  3. Using the Wix Editor
  4. Designing your site
  5. Wix Editor: Customizing Your Site's Theme and Design

Wix Editor: Customizing Your Site's Theme and Design

In this article
  • Choosing your site's theme
  • Adding themed elements
  • Setting your page background
  • Applying page transition effects
With just two panels in the editor, you can change your entire site's look, feel, and aesthetic. 
Use the Site Design panel to choose your color and text theme, and change your page backgrounds and transitions. You can then add themed elements from the Add Elements panel to reinforce your site's look throughout.
The site design panel open in a Wix site Editor.

Choosing your site's theme

Your site theme includes all the colors and text styles on your site. There are a variety of suggested styles to choose from, and you can click through them to see how your site changes with each one. 
After picking a theme you like, you can then customize the text and colors to further personalize it to your needs. 

To choose and customize a site theme:

  1. Go to your editor.
  2. Click Site Design  on the left side of the editor.
  3. Click Change Theme.
  4. Select a theme from the list. 
  5. (Optional) Customize the theme's fonts and colors: 
    • Colors: Choose the colors and palette that are featured and displayed across your site. 
    • Text: Choose the text theme and customize the styles for the different types of text (such as headings and paragraphs) that are used across your site. 
A screenshot showing the cursor selecting a different site theme from the panel.

Adding themed elements

Add themed elements to ensure your site's design is consistent throughout. These elements have been handpicked for you, as they match your chosen color and text styles. 
Since themed elements are tied in to your site's theme, they automatically update if you choose a new theme from the Site Design panel.

To add themed elements to your site:

  1. Go to your editor.
  2. Click Add Elements  on the left side of the editor.
  3. Click the themed section (e.g. "Themed Text").
  4. Click an element to add it, or drag it to the relevant location.
The text tab in the Add Elements panel. The themed text subheading is highlighted.
Note:
Not all elements in the Add Elements panel contain themed versions.

Setting your page background

From the Site Design panel, you can change the background of the page you are on in the editor. Choose between a color, image or video background and adjust it to suit your design needs.

To choose your page background:

  1. Go to your editor.
  2. Click Site Design  on the left side of the editor.
  3. Click Page Background. 
  4. Select the background type you want for your page:
    • Color background: Select a color from your site colors, or add a new one to your page background. 
    • Image background: Choose from a range of free and priced stock images to add to your page background, or upload your own. 
    • Video background: Choose from a variety of high-quality stock footage to set as your page background, or upload your own video for that personal touch. 
Screenshot showing a color being selected as a page background from the panel.
Tip:
Set a background for multiple pages on your site by clicking Apply to Other Pages at the bottom.

Applying page transition effects

Choose how your pages transition when your site visitors navigate between them. This can create a fun and lively navigation experience for your visitors, which encourages them to keep exploring. 

To apply a transition effect to pages:

  1. Go to your editor.
  2. Click Site Design  on the left side of the editor.
  3. Click Page Transitions.
  4. Select a transition for your pages from the available options. 
Gif showing the horizontal page transition between the home and contact page.
Looking for additional design inspiration?
The Wix design hub is a great resource for ideas and  website design trends.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.