Dynamism - Political & Activism
WordPress Theme Documentation

Theme's General Information

Theme Options Panel

Dynamism comes with a significant amount of options to customize the theme layouts. Go to the Dynamism Options from the left panel. You will get all the premium options to customize the theme according to your specifications.

Setup Favicon

Step 01: From WP admin menu, navigate to Dynamism Options >> General tab.

Step 02: The Favicon option allows uploading a custom favicon for the site. Recommended icon size is 64x64 and file type in PNG format.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Customize Pre Load Screen

Step 01: From WP admin menu, navigate to Dynamism Options >> General tab.

Step 02: Next, If you want to disable the Pre-loading screen, turn ON the Disable Preloader? option.

Step 03: The Pre Loading Icon option allows uploading a custom icon for the Pre loading screen. Recommended icon size is 64x64 and file type in GIF format.

Step 04: From the Preloader Background option, set the custom background color of the preloading screen.
Default: #FFFFFF

Step 05: Finally, click Save Changes button to save the settings.

Output:

Customize Back To Top Button

Step 01: From WP admin menu, navigate to Dynamism Options >> General tab.

Step 02: Next, If you want to remove/disable the Back To Top button, turn ON the Disable Back To Top? option.

Step 03: From the Back To Top Button Background option, set the custom background color of the button.
Default: #F69323

Step 04: Finally, click Save Changes button to save the settings.

Output:

Setup Site Logo (Image Logo)

Step 01: From Admin menu, navigate to Dynamism Options >> Logo tab.

Step 02: Next, from the Logo Type Option, click on the Image button.

Step 03: The Upload Logo option allows uploading a custom logo. Recommended icon size is 200x40 and file type in JPEG/PNG format.

Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.

Step 05: Finally, click Save Changes button to save the settings.

Output:

Setup Site Logo (Text Logo)

Step 01 From Admin menu, navigate to Dynamism Options >> Logo tab.

Step 02: Next, from the Logo Type Option, click on the Text button.

Step 03: The Logo Text option allows add a custom text logo. Additionally, you can set Font Family, Font Weight, Font Size and Font Color from the Logo Font option.

Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.

Step 05: Finally, click Save Changes button to save the settings.

Output:

Toolbar

Step 01 From Admin menu, navigate to Dynamism Options >> Header Content >> Toolbar tab.

Step 02: You can enable/disable toolbar. You can also customize toolbar color, font size, texts and set padding according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Toolbar Sample HTML Code

Toolbar Left Content:

<span class="margin-right20">

<i class="fa fa-phone-square"></i> (+01) 284-5321-5831

</span>

<a href="mailto:info@restore.org">

<i class="fa fa-paper-plane"></i> info@restore.org

</a>

Toolbar Right Content:

<i class="fa fa-map-marker"></i> 504 Syl Avenue, Sylhet 1214, Finland

<span class="margin-right20">
<i class="fa fa-phone-square"></i> (+01) 284-5321-5831
</span>
<a href="mailto:info@restore.org">
<i class="fa fa-paper-plane"></i> info@restore.org
</a>

Output:

Customize Menu/Navigation Color

Step 01 From Admin menu, navigate to Dynamism Options >> Header Content >> Navbar tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Header Middle & Right Content

Step 01 From Admin menu, navigate to Dynamism Options >> Header Content >> Header Middle & Right Content tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Social Icons

Step 01 From Admin menu, navigate to Dynamism Options >> Header Content >> Social Icons tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Add Copyright Text

Step 01 From Admin menu, navigate to Dynamism Options >> Footer Content tab.

Step 02: You can set custom copyright text according to your requirement. You can also disable this copyright text section.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Setup theme Typography, background, Heading & Sidebar(Widget) styles

Step 01 From Admin menu, navigate to Dynamism Options >> Styling Options >> Body Styling tab.

Step 02: You can set body background, fonts, text size, link colors according to your requirements. Also, you can manage heading(h1,h2,h3,h4,h5,h6) color and font size. You can set theme sidebar(widget) background and fonts from body styling section.

Step 03: Finally, click Save Changes button to save the settings.

Header Styling

Step 01 From Admin menu, navigate to Dynamism Options >> Styling Options >> Header Styling tab.

Step 02: You can enable/disable sticky header option from here. Also, set custom font and background color of default header and after sticky position font and background color.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Bottom Widget Area Styling

Step 01 From Admin menu, navigate to Dynamism Options >> Styling Options >> Bottom Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Footer Styling ( Copyright Text Area )

Step 01 From Admin menu, navigate to Dynamism Options >> Styling Options >> Footer Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Header Style 1

Step 01 From Admin menu, navigate to Dynamism Options >> Customize Headers >> Header Style 1 tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Header Style 2

Step 01 From Admin menu, navigate to Dynamism Options >> Customize Headers >> Header Style 2 tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Blog Settings

Step 01 From Admin menu, navigate to Dynamism Options >> Blog Settings tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Global Color

Step 01 From Admin menu, navigate to Dynamism Options >> WPBakery Elements >> Global Color tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Section Headline

Step 01 From Admin menu, navigate to Dynamism Options >> WPBakery Elements >> Section Headline tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Setup Page Content

Check the different part creation/editing process (Home, Events, Pages- About Us, Contact Us, Services, Store Etc.)

The following part of the documentation consider that you already read (if not then it is strongly recommend that you read them first) the documentation of Revolution Slider, Essential Grid, WPBakery Page Builder, WPBakery Page Builder Ultimate Addon, One Page Navigator those are available in the documentation folder and can able to create Slider, Grid with essential grid, use drag n drop page builder etc.

Home (Multi page)

Step 1: Go to "Pages > Add New" from the left panel.

Step 2: Input the title "Home" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes" .

Note: You can edit the Custom Header color's by going to Dynamism Options from the admin left panel and then go to Custom Headers->Header Style 1 or Custom Headers->Header Style 2. To select the Custom Header for any home pages, just go to any page and then in the right side Page Attributes set the Template to Homepage Header1 or Homepage Header2, from the dropdown

Step 3: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process

Step 4: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 5: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 6: In the home Page first Row we added a Revolution Slider, you can also add different elements in other different Row's

Step 7: Like the above we add WPBakery Page Builder Text Block Elements, Essesntial Grid Elements, etc to achieve the home page layout, you should see WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 8: Here are the screenshot of Different Elements we used in the Home 1

Step 9: Here are the screenshot of Different Elements we used in the Home 2

Step 10: Here are the screenshot of Different Elements we used in the Home 3

Step 11: Here are the screenshot of Different Elements we used in the Home 4

Step 12: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Text widget to Bottom One sidebar area. Fill it with your own content and Click Save

Step 13: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Mail Chimp Signup Form and Dynamism Social Link to Bottom Two sidebar area. Fill it with your own content and Click Save

Step 14: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Latest Tweets widget to Bottom Three sidebar area, configure it and click Save. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you'll have from your Twitter account and click save. Now your twitter feed will show

Step 15: It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you'll have from your Twitter account and click Save Settings. Now your twitter feed will show

Home (One page)

Step 1: Go to "Pages > Add New" from the left panel.

Step 2: Input the title "Home" of the page. From the right side Page Attribute, select One Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes" .

Note: You can edit the Custom Header color's by going to Dynamism Options from the admin left panel and then go to Custom Headers->Header Style 1 or Custom Headers->Header Style 2. To select the Custom Header for any One Pages, just go to any page and then in the right side Page Attributes set the Template to One Page Header1 or One Page Header2, from the dropdown

Step 3: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process.

Step 4: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 5: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 6: In the home Page first Row we added a Revolution Slider, you can also add different elements in other different Row's

Step 7: Like the above we add WPBakery Page Builder Text Block Elements, Essesntial Grid Elements, etc to achieve the one page layout, you should see One Page Navigation , WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 8: Here are the screenshot of Different Elements we used in the One Page 1

Step 9 Here are the screenshot of Different Elements we used in the One Page 2

Step 10: Here are the screenshot of Different Elements we used in the One Page 3

Step 11: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Text widget to Bottom One sidebar area. Fill it with your own content and Click Save

Step 12: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Mail Chimp Signup Form and Dynamism Social Link to Bottom Two sidebar area. Fill it with your own content and Click Save

Step 13: To set up the bottom part widget go to Appearance -> Widget from the left panel and then drag the Latest Tweets widget to Bottom Three sidebar area, configure it and click Save. It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you'll have from your Twitter account and click save. Now your twitter feed will show

Step 14: It will not show you untill you use your Twitter API keys. To set up your twitter api keys go to Settings -> Twitter Api and setup the API keys which you'll have from your Twitter account and click Save Settings. Now your twitter feed will show

Events

Step 1: Click on Events->Event Categories from the admin side left panel and create an event Category (Ex: Main Events)

Step 2: Click on Events->Events from the admin side left panel and create events under the Category by inputting the event description, details, time, venues, organizer (Ex: Main Events)

Step 3: Repeat this step to create events

Step 4: Click on Events->Settings->Display from the admin side left panel and set the Events Template to Events from the dropdown and also set the other things according to following screenshot

Step 5: Go to Appearance->Menus from the admin side left panel and add Events menu items to the menu (Ex: see the following screenshot)

Step 6: Now you should see the Events menu item with different events in the front end

Blog

Step 1: Click on Posts->Categories from the admin side left panel and create post Categories

Step 2: Click on Posts->Add New from the admin side left panel and create post under the Categories. Set the right side Dynamism Metabox according to your needs for single post view

Step 3: Click on Pages->Add New from the admin side left panel and input Page Title

Step 4: In the right side Page Attributes set the Template to Blog Both Sidebar, Blog Full Width, Blog Left Sidebar, Blog Right Sidebar, Blog Sidebars in Left or Blog Sidebars in Right, whatever layout you want from the dropdown

Step 5: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Step 6: Now you should see the Blog menu item with different blog layout in the front end

About Us

Step 1: Go to "Pages > Add New" from the left panel.

Step 2: Input the title "About Us" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes"

Step 3: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process

Step 4: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 5: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 6: We add WPBakery Page Builder Text Block Elements, Headings etc to achieve the about page layout, you should see WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 7: Here are the screenshot of Different Elements we used in the About Us page.

Step 8: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Services

Step 1: Go to "Pages > Add New" from the left panel.

Step 2: Input the title "Services" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes"

Step 3: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process

Step 4: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 5: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 6: We add WPBakery Page Builder Text Block Elements, Headings, Progress Bar etc to achieve the Services page layout, you should see WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 7: Here are the screenshot of Different Elements we used in the Services page

Step 8: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Donation

Step 1: Go to "Seamless Donation > Settings" from the left panel and set the Notification and Paypal account email address to receive the fund.

Step 2: Set the advanced Form Option, Check the Funds, Doners, set the Thank you Page, Thank you email etc by clicking from the left panel (See the screenshots)

Step 2: Go to "Pages > Add New" from the left panel.

Step 3: Input the title "Donate Us" of the page. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Show", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "No"

Step 4: Paste the Example code into the editor

[seamless-donations]

Step 5: Here are the admin screenshot of Donate Us page

Step 6: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Become Volunteer

Step 1: Go to "Contact > Add New" from the left panel.

Step 2: Input the title "Contact form 1" of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot)

Step 3: Setup the Mail portion of the contact from (Ex: See the following screenshot)

Step 4: Setup the Messages portion of the contact from (Ex: See the following screenshot)

Step 5: Click Save to save the Form and add a page (Volunteer Form) then add the form in this page using WPBakery Page Builder to achieve the form output (Ex: See the following screenshot)

Step 6: Go to "Pages > Add New" from the left panel.

Step 7: Input the title "Become Volunteer" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes"

Step 8: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process

Step 9: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 10: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 11: We add WPBakery Page Builder Different Elements for this page.

Step 12: You should see the WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 13: Here are the screenshot of Different Elements we used in the Become Volunteer page and link the Apply Now button with the page Volunteer Form

Step 14: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Contact

Step 1: Go to "Contact > Add New" from the left panel.

Step 2: Input the title "Contact form 1" of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot)

Step 3: Setup the Mail portion of the contact from (Ex: See the following screenshot)

Step 4: Setup the Messages portion of the contact from (Ex: See the following screenshot)

Step 5: Click Save to save the Form and you'll get a form short code which we'll paste in a page to achieve the form output

Step 6: Go to "Pages > Add New" from the left panel.

Step 7: Input the title "Contact 1" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Dynamism Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "WPBakery Page Builder Page" to "Yes"

Step 8: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process

Step 9: Click on Add New Element to achieve a Row of WPBakery Page Builder

Step 10: Inside the Row you can add different elements by drag n drop WPBakery Page Builder

Step 11: We add WPBakery Page Builder Google Map, Info Box and Text Block Elements for this page.

Step 12: You should see the WPBakery Page Builder and WPBakery Page Builder Ultimate Addon Documentation in the Documentation Folder

Step 13: Setup the Google Map Elements Latitude and longitude to achieve the map. Paste the short code into the Text Block (Ex: like following you'll have a short code)

[contact-form-7 id="75" title="Contact form 1"]
                                    

Step 14: Here are the screenshot of Different Block Elements we used in the Contact 1 page

Step 15: Here are the screenshot of Different Block Elements we used in the Contact 2 page

Step 16: Go to Appearance->Menus from the admin side left panel and add this page to the menu

Store

Step 1: After installing the WooCommerce plugin during the theme installation you'll have all the pages (Cart, Store, My Account, Checkout) related to WooCommerce in the left panel Appearnce->Menu section. Going to left panel Appearnce->Menu add these item to the main menu

Step 2: To add a WooCommerce category go to Products->Categories from the left panel and then add new product Category

Step 3: To add a WooCommerce Products go to Products->Add Product from the left panel and then add new products under any Categories

Step 4: Now you should see all the added new products in the front end Store/Shop Page

Step 5: if you want to use WooCommerce as an advance user then refer this link WooCommerce Docs , you'll have all the things as an advance user

Menu Setup

Restore Theme comes with two menu location feature. One for Primary Menu and another for Footer Menu. Let's take a look on step by step settings of two menus.

Primary Menu/Main Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02 Next, click on Manage Locations tab to set primary menu. Select 'Menu Menu' from Assigned menu column and click Save Changes button.

Output:

Footer Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02 Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.

Output:

One Page Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02 Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.

Output:

Widget Settings

Dynamism Theme comes with six widget areas. Two widget areas for Blog and Four for Footer.

Blog (Sidebar Right) Widget

Output:

Blog (Sidebar Left) Widget

Output:

Footer Widget

Output:

WooCommerce Widget

Output:

Support & Miscellaneous

Dynamism Theme comes with six month premium support directly from the developer.

Our Themes & Templates