Articles on: Getting Started

How to Change the Content of Demos?

If you've already imported one of the Zakra demos and are willing to modify and customize some of its contents for your site, then you can easily do it with Customizer.

If you're not aware of the Zakra demo import, go through the following articles:

Import free demos: https://docs.zakratheme.com/en/article/how-to-get-starter-sites-for-zakra-theme-2s9cdk/

Import premium demos: https://docs.zakratheme.com/en/article/how-to-import-zakra-premium-templates-9wj04y/

Customizer



After importing the demo successfully, you may wish to change the content of the pages, header, footer, etc. All these can be done through the Customizer.

To get to the WordPress Customizer, navigate to Appearance > Customize from your WordPress dashboard. You will be taken directly to the Customizer interface, with your site preview on the right and the Customizer menu on the left. From here, you can choose the options you like from Customizer.

Zakra Theme provides various options to customize your site and make it look impressive. It includes the options to customize each site section, including the header, footer, menu, and a lot more.

To see how each section is customized, as well as the options provided by this theme in detail, go through the following links:

Global

Header

Content

Footer

WooCommerce

Menus

Additional CSS

It is shown in the image below:

Zakra Demo with Customizer Option

If you want to change the content and design each of your site's pages and posts differently, then you can use Page Settings to customize them instead.


Page Settings



Page settings allow you to change the contents and layouts of each site's page. For most of the pages, you'll get the default page settings that works same for all the pages. However, you may want the settings different from the default. This is where the individual page settings come to play.

If you need to change the setting/design of an individual page, you can do so by editing that particular page and customizing the page. For example: If you see this Zakra Gym demo, each page has different page header: https://zakrademos.com/gym/gallery/ https://zakrademos.com/gym/about/

This was done by adding a different background images to the page header of each page as instructed here: https://docs.zakratheme.com/en/article/how-to-change-the-color-and-background-of-the-page-header-on-an-individual-page-pro-13ewf5z/

Location: WordPress Dashboard > Pages > All Pages .

The Page Settings option can be found in the page editor sections when editing a page. Select the Page which you want to customize and navigate to the Page Settings option available at the bottom of the selected page.

Zakra theme provides you with a number of options under Page Settings. Go through the following links below to view the page settings options in detail.

General

Header

Primary Menu

Page Header

Individual Page Settings Options

Footer Page Settings : Available in Pro

Elementor



Zakra is compatible with almost all the page builder. However, most of the Zakra demos are based on Elementor. In this case, you can customize the pages with Elementor.

To get started with Elementor, make sure to install and activate the plugin on your WordPress Dashboard. After that, to navigate to Elementor Editor Page, follow the steps as suggested below:

From your dashboard, Go to Pages > All Pages, Choose the required Page , and click Edit with Elementor.

OR



Go to the front side of your site, choose the required Page and click Edit with Elementor

Once you are on Elementor Editor Page, you can easily edit any of the sections of your page.

If you want to know in detail about editing pages. Visit How to edit Elementor pages in Zakra Theme?

It is shown in the image below:


Editing the Pages with Elementor

Updated on: 01/09/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!