Sample Themes
The easiest way to create a custom theme is start with an existing theme and then modify it. You can use our Base theme as a great starting point. We have a version that supports CSS and one that supports LESS.
To get started:
To get started:
- Download the Base theme (see links below) to a local directory.
Theme source is available on Github, here:
Base theme (CSS)
Base theme (LESS) - Open your test site. In the Weebly editor, click the Theme tab.
- Click Change Theme, and at the bottom, click Import Theme, and upload the zip.
Note: The zip file must contain the contents of the theme's root directory, and NOT the root directory folder itself. However, when using GitHub, the zip includes that root folder. You'll need to extract and then rezip only the contents (and not the root directory) before importing into Weebly.
To apply your theme to your site, go to Design > Change Theme, click Custom Themes, and click Choose to apply it, or Edit to edit the theme (the name of the theme is the same as the zip's file name).
Along with all the files needed to use the theme in a Weebly site, you can also download a zip file of assets, including Sketch and PSD design files for the Base theme. These resources will help you understand the anatomy of a Weebly theme.
Along with all the files needed to use the theme in a Weebly site, you can also download a zip file of assets, including Sketch and PSD design files for the Base theme. These resources will help you understand the anatomy of a Weebly theme.
base_theme_assets.zip | |
File Size: | 623 kb |
File Type: | zip |