How to Customize Your Site's Theme and Design on Appy Pie’s Website Builder?

Explore various options in the Design and Customization section and customize your site’s look, feel, and aesthetic. Set your site’s layout and choose the website elements, including the site logo and background, and change your website’s name from the Page Elements section. You can also select the color theme to reinforce your site's look throughout.  

In this article, learn how to:

• Selecting the site’s layout and elements

• Choosing the site’s theme

Selecting your Site’s Layout and Elements

Choose and customize your site’s layout and layout for the mobile view. Also, change your website elements including, the website name, background, and logo, and create an enriching experience for your users. 

To choose your site’s layout and customize website elements:

1. Go to My Features section, and click Design Customization in the side menu.

2. Click Layout and Page Elements under the Design Customization menu.

3. Hover over the layout, then preview and select your site’s layout.

4. Select the layout for mobile view.
   Note: You can customize the Matrix and List layout for mobile view by selecting the suitable layout, and then clicking the cogwheel icon. 

5. Under Website Elements, edit your site’s name.

6. Choose your site’s logo, then select your site’s background from a range of free and priced stock images to add to your background, or upload your own.

Once you have selected your site’s layout and edited the elements, you can then choose and customize your site’s theme.

Choosing your site’s theme

Pick a color theme for your website from a variety of suggested themes. You can even switch between Light and Dark mode themes. After picking a theme you like, you can then customize the header, layout, and page to further personalize it to your needs. 

To choose and customize your site’s theme:

1. Go to My Features section, and click Design Customization in the side menu.

2. Click Color Theme under the Design Customization menu.

3. Choose the Color Theme from the options. 
   Note: You can also switch to Dark or Light mode by enabling the toggle next to Color Theme. 

4. Customize the colors, texts, and other settings for each section of your website, like the header, the layout, and the page.

Check out the below tutorial and learn to customize your site's theme and design.