How to Import Demo Website Styles

This article guides you through making your website look like one of the Music Maker theme demo websites.

Please choose the section that applies to your situation:

1. New Website
2. Existing Website

---

Importing Into a New Website

Follow these steps if you have a new WordPress installation and have not made any significant changes in the WordPress Customizer. This is the simplest way to apply a demo style.

---

Website Demo Assets

Right-click the assets link and click Save the file to your desktop. Unzip the folder to your computer.

1. Default Style       –   Assets – Store Settings
2. Producer              –  Assets – Store Settings
3. Gold                     –   Assets – Store Settings
4. Beats                   –   Assets – Store Settings
5. Store                    –   Assets – Store Settings
6. Personal              –   Assets – Store Settings
7. Music                   –   Assets – Store Settings
8. Speakers              –   Assets – Store Settings
9. Hello                    –   Assets – Store Settings
10. Chrome                –   Assets – Store Settings
11. Red & Black         –   Assets – Store Settings
12. Blue & Black        –  Assets – Store Settings
13. Singer                  –   Assets – Store Settings

---

Importing Into an Existing Website

Importing a demo style will overwrite all WordPress Customizer settings.

Plugin: Back-Up Customizer Text

---

What to Do Next?

1. If the zip file includes a PSD file:
   • Update the Photoshop file.
   • Export the image as a PNG file.
     • PNG files are required for transparent backgrounds.
   • Upload the updated image to your website.
2. Add any custom text and CSS saved in the text document.
3. Tutorial: How to Use the WordPress Customizer

---

Troubleshooting

Colors Not Updating

• If you import different Customizer.dat files multiple times, some colors may not update, and you will have to change a background or font color manually.
• Not all front page sections have colors and images applied to match the demo site. You will have to pick some of the colors manually.

Switching Back to the Old Design

• If you want to return to your old design, follow the Import Demo Site Styling steps above, but upload the WordPress customizer file you backed up.

---

Related FAQs

Will importing a demo delete my existing beats or products?

Importing a demo style primarily affects the design and layout settings managed through the WordPress Customizer. It should not delete your content, such as beats, products added through the Beat Store or Product Store, blog posts, or pages. However, it’s always recommended to back up your entire website before making significant changes.

Can I import elements from one demo into another?

The demo import process is designed to apply the entire style of a specific demo. There isn’t a built-in feature to selectively import elements from different demos. If you want to combine elements, you would typically need to import a full demo and manually customize it to incorporate features or styles you liked from another demo. This might involve adjusting Customizer settings, using custom CSS, or reconfiguring page layouts.

What if the demo import looks different from the live demo website?

Minor differences can sometimes occur due to various factors, such as plugin conflicts, server configurations, or changes in the theme since the demo was created. Ensure all required plug-ins for the theme are installed and activated.

How often are the demo styles updated?

Demo styles are typically updated when significant theme updates introduce new features or design changes. Check the Changelog for information on theme updates and any corresponding demo updates.

Do I need to import a demo style for the Music Maker theme?

No, importing a demo style is optional. The Music Maker theme can be used without importing a demo. Importing a demo is a convenient way to set up a website with pre-designed colors.