Page History

This will show you how to clone the default Bootstrap theme so you can make changes to it as any edits to the default Bootstrap theme will void your support and can cause site issues. We recommend purchasing custom themes from third party developers if you need something more than a basic theme or if you don't have htmlHTML/css CSS skills to change your theme how you want it.

Our video tutorial will have you select a Blank theme. Don't do that if you want to clone the Bootstrap theme and don't need to make many changes. For this tutorial, select Bootstrap as the theme to clone unless you have CSS changes. If you only need to change the logo and front banners, select Bootstrap. If you want to make HTML and CSS changes, select Blank.

• Click Themes
  Image Added

• Click Create New Theme on the Actions of Themes page.
  Image Added

• You'll see a popup to enter your new theme's details.
  1. Choose Material or Bootstrap or Blank theme to clone, depending on your needs.
  2. Enter a lower case alphabetical theme name.
  3. Submit when done.
     Image Added

• Now, you will see the theme is added to your list of themes when in the Theme Manager. You would want to click Edit when on your theme and set it as default:
  • Click the lower left arrow to open the theme options:

Image Added

• • Once the menu selection is open, select Set as Default Theme:

Image Added

• Be sure to clear your site's cache after changing themes.

{
    "id": "material",
    "name": "Material_cloned",
    "store_id": "2004",     //Remove this line
    "version": "4.6.1p2",
    "vars": {
        "body-bg": {
            "title": "Body Background",
            "id": "body",
            "attr": "background"
        },
......