WordPress Blog

Most of WordPress themes displays a slider on the front page and it's usually placed in the “header’ sidebar. The slider is based on the “Slider Revolution” WordPress plugin and placed in that position using the Rev Slider Widget.

Below it's the example for School WordPress theme demo site the process of managing slides and widget looks the same for all WordPress themes.

How to manage slides?

As the first thing, it is required to set up the slider. You can create your own slider, but we will show the view and options for our slider configuration.

Open your WordPress dashboard, find the “Slider Revolution” on the list and open it.

Now you can find the configured slider there. Each plugin’s item is called Module. Our example module comes with the “Header Home” name.  

By hovering the mouse over you’ll see two icons: Open in editor/show slides.

Both options will direct you to the editor, clicking on the “image” icon first, you can open another view and see the slides’ list.

Let’s open the editor. As you can see, there are tons of options to use. We won’t focus on each option now, but the possibilities are enormous. Visit Revolution Slide documentation.

How to set Rev Slider widget?

After setting up the slider in the plugin, it is required to display the widget on the front page or selected pages. In your WordPress dashboard navigate to “Appearance” -> “Widgets” -> “Slider Revolution”.

You can place the widget where you want. Our example is displayed in the “Header” sidebar (so you can find it there). There are only a few options in the widget configuration.

Title - enter the title if needed

Choose slider - choose the name of the configured slider from the list.

Home Page Only - select it if you want to show off the slider on the home page only.

Pages - you can define on which pages you want to display the slider.

Widgets are a simple and easy-to-use way of giving design and structure control of the WordPress Theme. Widgets' sidebars available in a WordPress theme are related to the design and layout of your site.

They can be found on the Appearance » Widgets page in your WordPress dashboard area.

It may happen that you have no idea where to find the widget on the front page.

For this purpose, you should use the PE Theme Elements Info plugin and get info about sidebars and widget types. 

Let's see how it works.

The plugin you can find and download for free here: https://www.pixelemu.com/wordpress-plugins/pe-theme-elements-info

After downloading the plugin, it is required to install it at your WordPress website backend. Log-in to your admin panel, go to “Plugins” and choose “Add new”.

Use the “Upload Plugin” button and choose the file from your disk.

After the successful upload and installation, use the “Activate plugin” button.

The plugin is now enabled and should be visible on the list of installed plugins. Later, when the work is done, you can stop using the plugin, by clicking the “deactivate” button.

Now go to your WordPress website front page, refresh it and you will see the result there.

Remember - you need to be logged in as an administrator to see the theme's elements info.

As you can check on the screenshot example below, there is a small box with the Sidebar name and a Type informing you about the widget location and type to find it easily.

• It’s placed at the “Social”  sidebar, and the widget type is “PE Social.”

This way, you can check each widget location and find it easily in Appearance » Widgets in WordPress backend.

Manage Services WordPress theme with ease

We've prepared a set of tutorials for the Services WCAG ready WordPress theme. This business WordPress theme includes 4 demo site versions and we described most of the items from all theme's versions.

Browse the topics from the menu on the right side and follow instructions and find out more interesting features that this awesome WordPress theme brings you.

The following tutorials are the extended guides for sections described in the Services WordPress theme manual or downloadable at your account (for active subscribers of School WordPress theme).

How to find a WordPress widget easily?

Please follow the general tutorials related to this topic:

• How to find a WordPress widget easily?
• Watch the video about the simplest way to find the sidebar names and the widget type you want to customize. 

How to manage accessibility tools above the menu?

WCAG tools icons you’ll find at the top-right corner of the PE Services WordPress theme demo site.

WCAG tools icons are divided into three categories:

• Contrast
• Layout
• Font
  
  

Each category has few icons to use. Using these tools will help visually disabled website visitors to navigate across the website. Remember that it’s only the demo example here. Icons can be easily defined in the backend of the website.  

How to manage WCAG tools icons?

Go to your WordPress admin panel. Navigate to “Theme Options” and choose “Accessibility.”  You can show accessibility tools in a modal window or display them inline.

You also have many other accessibility settings to configure in the WordPress theme options. Settings responsible for icons used on the front page are:

• Wide layout (Enable / disable wide layout.)
• Font sizer (Enable / disable font sizer.)
• Night mode (Enable / disable night mode.)
• (High contrast mode)
  
  

But there are also other WCAG settings that you can manage. Check here the detailed description of each WCAG settings section.

How to change a logo in Services WordPress theme"

The PE Services WordPress theme displays the logo image in the top left above the main menu.

Open your WordPress dashboard. Navigate to “Theme Options” -> “Basic Settings” -> “Logo.”

You can upload any image of your choice and remove the existing one. After Saving the settings, the new logo will appear on the front page.

How to manage the main menu in the Services WordPress theme? 

The PE Services WordPress theme’ demo contains an extended menu. Our example is based on the Max Mega Menu plugin.

Max Mega Menu settings

Let’s see how to set up the mega menu. Open your WordPress dashboard and navigate to the “Mega Menu” item. Open it.

You’ll see the available settings divided into four tabs:

• General Settings
• Menu Themes
• Menu Locations
• Tools
  
  

You can configure all settings in the way you need.

How to add menu links

See how to add a link to the menu in WordPress. Menus in WordPress may contain links to pages, categories, custom links, or other content types.

Log into your WordPress dashboard. Navigate to Appearance, and select Menus:

Now let’s add a new menu item

Choose (for example) the “Custom link” from the list. Type in the URL you want to have for this menu button, the link text, and then click Add to Menu:

As you can see in the screenshot below, the new menu item appears on the Menu structure (1). It’s on the top because we have moved it to the top to display the “Test” item as the first Menu item. The “Test” item (2) can still be edited so that you can change the name, link, title attribute, and description (if supported). Use the “Save menu” button (3).

This way, you can create and manage all menu items. You can also move items up and down to change their order.

Refresh the site, and you will see your new custom page and link in the navigation menu. Below is the final effect on the PE Services demo front page:

For the full documentation visit: https://www.megamenu.com/documentation/

How to manage search at the right top in Services WordPress theme? 

The PE Services WordPress theme’s demo displays a “Search” field on the front page, in the right top corner.

Let’s see how to manage it.

Open your WordPress admin panel. Navigate to “Theme Options” and choose “Basic Settings.”

Now scroll down to the “Search form in topbar” option. You can enable or disable the search form.  

How to manage the main slider in the School WordPress theme?

Please follow the general tutorials related to this topic: How to manage the main slider?

How to manage color boxes in the School WordPress theme?

The PE Services WordPress theme demo site (below we show the example fic clinic WordPress theme version) contains a set of color boxes displayed below the slider.

How to manage color boxes?

Boxes are displayed with the PE Box widget. Open your WordPress dashboard. Navigate to the “Appearance” -> “Widgets”.  Find the “PE Box” widget on the list. It’s purposed for displaying front boxes with icons.

The clinic's WordPress theme version boxes are placed in the “Header Bottom” sidebar but you can place them where you want.

As you can see, one box is one widget. It means, if you want to have the same result as in our demo example, you have to create/manage three different boxes as separate widgets.

Let’s see the PE Box widget settings:

• Widget Title - enter the title
• Link - enter the link
• Show icon -Yes/No
• Icon height (in pixels) - enter the value
• Icon width (in pixels)  - enter the value
• Icon image - select the image
• Icon hover image - select the image

How to display 3 boxes in one line?

Enter the correct widget size class name in the Custom Widget Classes field, for example:

• To display 3 boxes in line enter: col-md-4
• To display 2 boxes in a line enter: col-md-6
  
  

The PE Box widget is used for:

PE Services Clinic Demo version - the widget is assigned to sidebar Header Bottom (example described above)

PE Services Constructions Demo version - the widget is assigned to sidebar Header Bottom.

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 1

For all examples, we’ve used the same widget. The configuration is almost identical for all cases.

How to manage Short Info widget in Services WordPress theme?

The PE Services demo sites contain a short info section displayed on the front page. Below find the example for Services Clinic Demo version

That section has three widgets:

• Our mission
• It’s our passion
• Health programs
  
  

Each of the boxes is displayed with the PE Short Info widget.

How to manage Short Info boxes?

Open WordPress dashboard. Navigate to the “Appearance” -> “Widgets”.  Find the “PE Short Info” widget on the list. It’s purposed for displaying short information.

One box on the front page is one widget. It means, if you want to have the same result as in our demo example, you have to create/manage three different boxes.   

Let’s see the PE Short Info widget settings:

• Widget Title - enter the title
• Link - set the link, it's optional if you want to link the title to any source of your website or external
• Icon - enter the icon code - Font Awesome class
• Description - enter the description
• Animation type - choose the type from the list (animation type affects the way widgets appear when loaded)
• Animation Delay (milliseconds) - enter the value
  
  

Check other examples from demo sites of Services WordPress theme

For all examples below, we’ve used the same widget. The configuration is almost identical for all cases.

The PE Short Info widget is used for:

PE Services Clinic Demo version - the widget is assigned to

• sidebar Top 1 (described in this tutorial)
• and also on the Bottom 3 sidebar and looks as follows:
  
  
  
  Check its settings:
  
  
• and also on the Footer sidebar and looks as follows:
  
  

PE Services Constructions Demo version - the widget is assigned to sidebar Top 1

PE Services Dental Demo version - the widget is assigned to sidebar Top 1

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 3

How to manage the color section with text in the Services WordPress theme?

You’ll find a color section with text on the PE Services WordPress theme’s demo site (below the example for the Medical Clinic version). It’s placed on the demo’s front page using the simple Text widget but the section is fill in the distinguished background color.

How to change the color of the section?

Open your WordPress dashboard. Navigate to “Theme options” -> “Colors.”

The text widget displaying the box content is placed in the Top2 position, so it is required to set the colors for this position. Scroll down in the “Colors” section and find settings for the Top2 position.

If you want to display the color section with text in different positions, you must define colors for a chosen position.

Let’s see available options for the selected section:

• background-color - pick up the color
• text color - font color for the text of the content
• widget title color - font color for the widget's title (if you use it)
• link color - potentials links color for this section
• color on hover / active - links color on hover

How to manage the Text widget?

In your WordPress dashboard, navigate to “Appearance” -> “Widgets.” and find the Text widget on the list.

If you want to include HTML or shortcode into the sidebar it's recommended to use Custom HTML widget type.  Check availableshortcodesandready-made HTMLfor Services WordPress theme.

The Color section with text using the Text widget or Shortcodes is used for:

PE Services Clinic Demo version- the widget is assigned to sidebar Top 2 (example described above)

PE Services Constructions Demo version - the widget is assigned to sidebar Bottom 2

PE Services Dental demo version - the widget is assigned to sidebar Content Top

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 2

How to manage team profiles in the Services WordPress theme?

PE Services WordPress theme demo site includes the section with team members’ profiles like on the example below.

This section is based on the PE Team Carousel widget.

How to create team profiles?

Profiles need to be created first. For this purpose, open your WordPress Dashboard and navigate to “Members.”

Each profile can contain a rich set of information, including:

• Name
• Description
• Member info (profession, social channels links)
• Contact data
• Opening hours
• Image
  
  

After creating a list of profiles, it’s time to display them in the chosen position on the website.

How to display team members on the front page?

In your WordPress dashboard, navigate to the “Appearance” -> “Widgets” and find PE Team Carousel on the list.

Let’s see the PE Team Carousel settings:

The widget allows you to display selected options taken from the profile view. It's helpful if you are planning to display many arrangements for the related for example to different profession in the company.

• Widget title
• Type of view: Carousel View or Grid View
• Order
• Services  - This setting allows you to display users from a specific profession. You can select it from the list. If you do not select any, it will display all professions.
• Image size: thumbnail, medium, large
• Number of Members to show
• Number of Members in one row
• Member description limit
• Show or hide Social icons
• Show or hide Member name
• Show or hide Member profession
• Show or hide Member avatar
• Show or hide Member description
  
  

The PE Team Carousel is used for:

PE Services Clinic Demo version - the widget is assigned to sidebar Top 3

PE Services Constructions Demo version - the widget is assigned to sidebar Top 3

PE Services Dental demo version - the widget is assigned to sidebar Content Top

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 3

How to manage a "Reliable team" widget in the Services WordPress theme?

PE Services WordPress theme demo site includes the “Reliable team” section, displayed on the front page:

This section is based on the text widget. 

How to manage the widget?

In your WordPress dashboard, navigate to the “Appearance” -> “Widgets” and find the Text Widget on the list.

Let’s see the Text widget settings:

This simple widget includes some text and the “read more” button from the typography collection of Services WordPress theme.

The "Reliable team" section is used for:

PE Services Clinic Demo version - the widget is assigned to sidebar Top 3

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 3

RS Slider in the middle of the page on Clinic Services demo version

The PE Services WordPress theme’s demo - Clinic Version site contains a slider, placed in the middle of the front page. It’s displayed using the Revolution slider plugin.

How to manage the slider?

To display the slider in the widget it is required to configure the Revolution slider first. The process of creating single slides is the same as for the slider set in the header area.   Learn how to do it from the article: How to manage the main slider?

Our example slider is displayed using the text widget. That widget is placed in the Bottom 2 sidebar.

Open your WordPress dashboard and navigate to the “Appearance” -> “Widgets” and find the “text widget” on the list. We simply placed the shortcode of Revolution Slider to display the album.

Let’s see the widget settings below. The code implemented there comes from the created Revolution Slider album.

How to display the slider in the full layout width?

To get the effect as on our demo, set the option for the width of the Bottom 2 position. In your WordPress dashboard open “Theme options” and go to “Layout”.

And scroll down to find options for the “Bottom2 width”. The width has to be set as “Full screen width”.

How to manage Advice worth reading widget in Services WordPress theme?

The PE Services WordPress theme’s demo site includes a section called “Advice worth reading.”

For that purpose, we’ve used the PE Recent Posts plugin created to show recent posts.

How to manage the widget?

Open your WordPress dashboard and navigate to the “Appearance” -> “Widgets”. Find the PE Recent Posts widget on the list.

For our purposes, we’ve placed the widget is placed in the Sidebar: Bottom 3 position. Of course, you can choose another widget position.

Here you can download for free and learn more about the PE Recent Posts WordPress plugin, and discover its features.

The PE Recent Posts is used for:

PE Services Clinic Demo version- the widget is assigned to sidebar Bottom 3

PE Services Car Mechanic demo version - the widget is assigned to sidebar Bottom 4

How to manage the "Most frequent questions" widget in the Services WordPress theme?

The “Most frequent questions” is the section in the bottom part of the PE Service’s Clinic demo front page. It’s placed there using the “Text” widget.

Let’s see how to manage the FAQ widget 

In your WordPress dashboard, navigate to the “Appearance” -> “Widgets” and find the Text Widget on the list.

Use Custom HTML instead of Text widget for shortcodes

The widget displays the information in such a way because the Accordion shortcode was placed in the content area. More information about the Accordion shortcode and other available shortcodes for Services WordPress theme you can find here.

FAQ widget is used for:

PE Services Clinic Demo version- the widget is assigned to sidebar Bottom 4

PE Services Dental demo version - the widget is assigned to sidebar Content Top

PE Services Car Mechanic demo version - the widget is assigned to sidebar Top 3

How to manage testimonials in Services WordPress theme? 

The testimonials example used on the PE Services WordPress theme demo site is the “Patients say” section. It’s based on the PE Testimonial Carousel widget that displays testimonials items.

How to create testimonials items?

Open your WordPress dashboard. Navigate to “Testimonials” in the left panel and click it. You will open the list of existing testimonials. There is also an “Add new” option available ( you can create a new testimonial here.)

Choose the first item from the list and click it to open.

Single testimonial content settings

You can edit the title (1), permalink (2), and the main content (3) using the editor. 

Under this area, you will see an additional box:

You can provide a testimonial occupation or company name there.

On the right, under the “Publish” box, you will see the “Avatar image” box. It can be used to upload the featured image for this single testimonial, it can be a company name or a user profile image.

Display testimonials with a PE Testimonial Carousel widget

To display the testimonials, it is required to configure the widget - PE Testimonial Carousel.

Open your WordPress dashboard. Navigate to the “Appearance” -> “Widgets” and find the PE Testimonial Carousel on the list. You can place it in the position of your choice. Our example is placed in the Sidebar: Bottom 4.

Let’s see the widget settings:

• Widget title - enter the title
• Number of testimonials to show - enter the value
• Testimonial opinion limit - enter the value
• Show/Hide Testimonial Occupation - Yes/No
• Autoplay interval - enter the value
  
  

The PE Testimonial Carousel is used for:

PE Services Clinic Demo version- the widget is assigned to sidebar Bottom 4

PE Services Dental demo version - the widget is assigned to sidebar Bottom 4

How to manage social media links and icons in the Services WordPress theme?

The PE Services WordPress theme’s demo sites contain a section at the bottom of a website,  where social icons are displayed. Five icons are displayed there:

• Facebook icon
• Twitter icon
• Google+ icon
• Pinterest icon
• and YouTube icon 
  
  

You can easily manage icons and add new ones or edit existing ones if you installed the demo copy of the Services WordPress theme.

Open WordPress dashboard. Navigate to “Appearance” -> “Widgets” and find the “PE Social” widget on the list.

We are displaying this widget in the “Social” Sidebar, but of course, you can add it to any other widget position.

Let’s see the available widget options:

• Title - enter the widget title (it's hidden for the Social sidebar)
• The list of created items - you can edit or remove each item
• Add a new item - use the button to create a new item on the list
• Target - _blank/_self - the way to open a link in the current or new browser window
  
  

By clicking the “Add new item” you get access to the same options as using the “Edit” button for existing items.

• Name: enter the name
• Icon: enter the icon Font Awesome class name
• URL: enter the URL
  
  

How to manage copyrights in Services WordPress theme? 

The PE Services WordPress theme’s demo site brings the “Copyrights texts.” field. You can find them at the bottom of the website.

It’s straightforward to change them or remove them permanently.

How to manage the copyrights area?

Open your WordPress dashboard. Navigate to “Theme Options” -> “Footer.”

The “Footer” section configuration looks as follows:

Available options:

• Copyright Info - enable/ disable copyright info
• Copyright text - Add text for copyright info at the bottom of the page - HTML is allowed.
• PixelEmu copyright - enable/ disable PixelEmu copyright
  
  

Coming soon, thank you for your patience.

 Coming soon, thank you for your patience.

Coming soon, thank you for your patience.

 Coming soon, thank you for your patience.

Coming soon, thank you for your patience.

Coming soon, thank you for your patience. 

Some WordPress themes users experience the following issue: when placing shortcodes in Text widgets, WordPress automatically adds paragraphs for the text, which in some situations may cause the shortcode to display incorrectly. These additional "unnecessary" paragraphs may result in incorrect widget styling.

How to resolve the issue of automatically adding paragraphs in text widgets?

The best way to solve this problem is to use a Custom HTML widget instead of a Text widget. For the Custom HTML widget, paragraphs are not added and the shortcodes will be displayed 100% correctly.  

All you have to do in this case is to copy the shortcode into the Custom HTML widget.

How to manage Custom HTML widgets in WordPress? 

Navigate to WordPress dashboard -> Appearance -> Widgets

Here you’ll find the Custom HTML widget:

This is how the Custom HTML widget looks like in the backend of a WordPress website:

1. The widget’s type
2. The place for the title
3. A place to enter the content - for example, a shortcode

TerraClassic classifieds WordPress theme demo site has a “Post an ad” button included on the top menu - placed in the top right corner of the menu.

This button is the link leading to the form for adding a new advertisement.

How to manage the "post an ad" button? 

Open your WordPress dashboard. Navigate to the “Appearance” (1) -> “Menus” (2) and choose the “Ads menu” (3) from the Top Bar. 

To add the menu items choose “Pages” (4) and find the “TerraClassifieds - Add advert” (5) item on the list. This way, you’ll open the “Post an ad”  box where you can configure the link as a button.

How to make the link appear like a button?

Available settings are:

• Navigation label - enter the link text
• CSS Classes (optional) - use to get the button

To get the style of a link - visible as a button, enter the “button link” class into the field. See the example below: 

How to display the "Post an add" menu item?

To display the button, you have to show the widget in the chosen sidebar (layout position) of the TerraClassic classifieds WordPress theme. In your WordPress dashboard, navigate to the “Appearance” (1) -> “Widgets” (2)  and find the “Navigation Menu” (3) widget. 

Let’s see the widget settings.

For our example, we’ve placed the widget in the “Top Bar 2” position. The “Navigation Menu“ widget does not have any Title, but what is important the “Select menu” is set to “Ads menu,” which is the menu name for the button display (configured in the Menus mode).

Manage School WordPress theme with ease

We've prepared a set of tutorials for the School WCAG ready WordPress theme. This education WordPress theme includes 3 demo site versions and we focused on version 1 - which includes most of the items from the other theme's versions.

Browse the topics from the menu on the right side and follow instructions and find out more interesting features that this awesome WordPress theme brings you.

The following tutorials are the extended guides for sections described in the PE School WordPress theme manual or downloadable at your account (for active subscribers of School WordPress theme).

How to find a WordPress widget easily in the School WordPress theme?

Please follow the general tutorials related to this topic:

• How to find a WordPress widget easily?
• Watch the video about the simplest way to find the sidebar names and the widget type you want to customize. 

How to manage accessibility tools above the menu in the School WordPress theme?

WCAG tools icons you’ll find at the top-left corner of the PE School WordPress theme demo site.

Icons are divided into three categories: Contrast, Layout, and Font. Each category has few icons to use. Using these tools will help visually disabled website visitors to navigate across the website. Remember that it’s only the demo example here. Icons can be easily defined in the backend of the website. Go to your WordPress admin panel.

Navigate to “Theme Options” and then to “Accessibility.”

Now you have a high number of accessibility settings to configure. Settings responsible for icons used on the front-page are:

• Wide layout (Enable / disable wide layout.)
• Font sizer (Enable / disable font sizer.)
• Night mode (Enable / disable night mode.)
• (High contrast mode)

But there are also other WCAG settings that you can manage. Check here the detailed description of each WCAG settings section.

How to manage login and sign-up links in the School WordPress theme?

PE School demo site includes “login” and “sign up” links on the top of the front page. You can find them in the top right corner.

Both links are showed off using the Top Bar Menu. Let’s see how to manage the menu. 

Open your WordPress dashboard. Navigate to Appearance -> Menus

Now you will see the menu panel.

1. Select the menu you want to edit - Choose Top Bar Menu here.
2. Set the Menu name
3. Login link
4. Sign up link
   
   

Here are settings for the “Login link” item:

For this example, we have only defined the navigation label, but of course, you can edit more options:

• Title attribute
• Description

This menu item displays a link to the login page.

On the left, you will find a “Max Mega Menu Settings” panel, which can be used to choose the item you want to add to the menu. It means you do not have to add pages as menu items only, but you can choose other elements like posts, members, events, testimonials, and many more. See the list below:

How to manage search at the right top in the School WordPress theme? 

The School theme’s demo displays a “Search” field on the front page, in the right top corner.

Let’s see how to place it there.

Open your WordPress admin panel. Navigate to “Theme Options” and then to “Basic Settings.” 

Scroll down to “Search form in topbar”. You can enable or disable the search form. 

How to change the logo in the School WordPress theme?

The School WordPress theme uses a logo on the front page - in the top position, left to the menu.

Changing the logo is an easy task. Open your WordPress dashboard. Navigate to “Theme Options” -> “Basic Settings” -> “Logo.”

You can upload any image of your choice there and remove the existing one. After Saving the settings, the new logo will appear on the front page.

How to manage the main menu in the School WordPress theme? 

The PE School theme’ demo contains an extended menu. Our example is based on the Max Mega Menu plugin.

Max Mega Menu settings

Let’s see how to set up the mega menu. Open your WordPress dashboard and navigate to the “Mega Menu” item. Open it.

You’ll see the available settings divided into four tabs:

• General Settings
• Menu Themes
• Menu Locations
• Tools
  
  

You can configure all settings in the way you need.

How to add menu links

See how to add a link to the menu in WordPress. Menus in WordPress may contain links to pages, categories, custom links, or other content types.

Log into your WordPress dashboard. Navigate to Appearance, and select Menus:

Now let’s add a new menu item

Choose (for example) the “Custom link” from the list. Type in the URL you want to have for this menu button, the link text, and then click Add to Menu:

As you can see in the screenshot below, the new menu item appears on the Menu structure (1). It’s on the top because we have moved it to the top to display the “Test” item as the first Menu item. The “Test” item (2) can still be edited so that you can change the name, link, title attribute, and description (if supported). Use the “Save menu” button (3).

This way, you can create and manage all menu items. You can also move items up and down to change their order.

Refresh the site, and you will see your new custom page and link in the navigation menu. Below is the final effect on the PE School demo front page:

For the full documentation visit: https://www.megamenu.com/documentation/

How to manage the main slider in the School WordPress theme?

Please follow the general tutorials related to this topic: How to manage the main slider?

How to manage tabs below the slider in the School WordPress theme? 

PE School WordPress theme demo site includes the section below the main slider, where tabs with selected pages are displayed.

As you can see in the example below, there are four tabs:

• Student’s Guide
• Master’s Degree
• Teachers
• Video 
  
  

Those tabs are managed using the PE Panels widget, which is placed in the Top 1 sidebar.

How to manage the tabs widget?

Open your WordPress Dashboard and navigate to “Appearance” -> “Widgets”. Find Pe Panels widget on the list.

The widget can be assigned to any position of your choice. Our widget is placed in the Top 1 sidebar.

Now let’s take a look at the widget settings:

Please see the detailed description in the Details of this tab widget for WordPress.

How to change the page content?

Our example widget shows off tabs, which display selected WordPress pages. Each page can be easily managed. 

In your WordPress dashboard navigate to “Pages”, click it and you will see the list of created pages.

Let’s focus on each page from the widget now. Simply find the pages looking for the tab title. Each page includes different shortcodes you may find in the shortcodes collection here. and typography elements.

Student’s Guide tab - uses the shortcode GRID  and ICONTEXT inside

Master’s Degree tab - uses the shortcode GRID  and ACCORDION inside and several typography items: COLORED BLOCKS (with font awesome icons) and button

Teachers tab - loads the widget using Widgets on Pages plugin described here

Video tab - uses the shortcode GRID and VIDEO GALLERY

How to modify colored boxes in the School WordPress theme? 

The PE School theme’s demo site contains a set of color boxes on the front page:

• Best teachers
• Hot programs
• Adviser center
• Fair prices
  
  

All boxes are displayed using the same PE Box widget. It’s a simple widget purposed for displaying front boxes with icons.

How to manage color boxes?

Open your WordPress dashboard and navigate to “Appearance” -> “Widgets.” Find the PE Box widget on the list.

In our demo example, the widget is displayed at the “Top 2” position. You can show it wherever you want.

PE Box widget settings

The widget contains some options to configure. Let’s see the “best teachers” box as an example here. 

• Title: Title of the widget
• Link
• Show Icon: checkbox
• Icon height: in pixels
• Icon width: in pixels
• Icon image: URL with HTTP://
• Icon "hover" image : URL with HTTP://
  
  

How to modify Join us and See prices buttons in the School WordPress theme? 

The PE School theme’s demo site contains two eye-catching buttons on the frontpage: “Join Us” and  “ See prices”.

Those buttons are displayed using the Text widget with a shortcode. It’s a simple widget purposed for entering arbitrary text.

How to modify both buttons?

Open your WordPress dashboard and navigate to “Appearance” -> “Widgets.” Find the Text widget on the list.

In our demo example, the widget is displayed at the “Top 3” sidebar. You can assign the widget to any position you want. 

The widget contains a simple shortcode: GRID and Read More large from typography. Use many of ready to use shortcodes and typography elements.

You can set the title and the content. Our example does not have any title, and for the content box, we’ve implemented the shortcode (with the read more links and the button names).

How to modify accordion widgets in the School WordPress theme? 

Our PE School theme’s demo contains two accordion widgets on the front-page. For this purpose, we’ve used the PE Panels widget, which is simple panels (tabs or accordion) widget with posts and pages. Our example uses the accordion layout and displays selected posts.

How to modify accordion widgets?

Open your WordPress dashboard and navigate to “Appearance” -> “Widgets.” Find the PE Panels widget on the list. In our demo example, the widget is displayed at the “Bottom 1” position. You can show it wherever you want.

Our example uses two widgets, but both have the same configuration to show only one example here (Lorem Ipsum). 

More about the widget configuration you can learn from PE Panels detailed description.

How to manage upcoming events in the School WordPress theme? 

The PE School WordPress theme demo site contains a front-page widget where upcoming events are displayed.

How to manage events?

You need events to display them using the widget. Events can be easily managed in the WordPress dashboard. All settings related to events you’ll find in the “Events” item.

Open your WordPress dashboard, and navigate to “Events.”

Open it, and you will see the list of created events. We’ve made some events already, but of course, you can create and manage your events list.

As you can see in the example below, there is a list of events, including their start date.

Check Events calendar documentation here.

How to manage events widget?

After creating a list of events, you can display them on the front page. For our demo example, we’ve used the “Events list”- a widget that displays upcoming events.

Open your WordPress dashboard, and navigate to “Appearance” -> “Widgets,” and find “Events list” from available widgets.

You can place the widget wherever you want, but we’ve put it in the “Bottom 1” position for our example.

Let’s see the widget settings:

Title - enter the widget title

Show - choose the number of events to display

Show widget only if there are upcoming events - yes/no

Limit to featured events only -  yes/no

Generate JSON-LD data - yes/no

How to modify the "You will love our school" section in the School WordPress theme?

PE School WordPress theme demo site contains a section displaying the promotional text: “You will love our school”. It’s placed on the front page above the footer section and displayed in the “Bottom 2” sidebar using a standard text widget.

How to modify the widget's content?

Open your WordPress dashboard and navigate to “Appearance” -> “Widgets” and find the “Text” widget on the list.

Let’s see available widget settings:

• Title - enter the title
• Content - enter the content, it's worth mentioning here that you may use many of ready to use shortcodes and typography elements.
• Automatically add paragraphs - assign it to add paragraphs automatically
• Add shortcodes - Drag & drop or click the item from the list to create a shortcode. You can choose between grid, video, map, testimonial, and many more
  
  

How to modify menu links in the footer area in the School WordPress theme?

The footer section of the School WordPress theme’s demo site display widgets. The footer section is available at the bottom of the page.  You can use the footer section to display important information of any kind.

The School WordPress Theme demo example uses this area for:

• About the School
• Galleries
  
  

Let’s focus on each widget now. Both widgets are displayed in the Bottom 3 position.

About the school - it’s a Nav menu type widget. It displays a set of links directing to various places on the website.

Galleries - it’s a Nav menu type widget. It displays a set of links directing to various places on the website.

Configuration:

Open your WordPress dashboard, navigate to “Appearance” -> “Widgets” ->  “Navigation Menu”

Now, navigate to the right side of the widgets page, and you’ll find the “Bottom 3” section. It includes all widgets mentioned here.

About the school - As you can see on the image below, this widget has a defined “Title”, and it displays the links from the selected menu: “Company”. 

See the list of available menu items. You can choose any item from the list:

Galleries - as you can see on the image below, this widget has a defined “Title” and it displays the links structure from the selected menu: “Galleries”.  

Each menu can be created and configured in the Appearance -> Menu.

How to modify pe school widget in the footer area in the School WordPress theme?

The footer section of your website can display widgets. Users browsing the website will see the footer if they scroll to the bottom of your page. You can use the footer section to display important information. The Footer section should be easy for the user to read and locate what he is looking for quickly.

The School WordPress Theme demo example uses this area for PE School information widget. It’s a standard Text widget, displayed in the Bottom 3 sidebar.

How to modify text widget settings?

Open your WordPress dashboard, navigate to “Appearance” -> “Widgets” and find the Text widget on the list.

Let’s see the settings.

• Title - enter the title
• Content - enter the content, it's worth mentioning here that you may use many of ready to use shortcodes and typography elements.
• Automatically add paragraphs - assign it to add paragraphs automatically
• Add shortcodes - Drag & drop or click the item from the list to create a shortcode. You can choose between grid, video, map, testimonial, and many more
  
  

How to modify the widget with contact icons in the footer area in the School WordPress theme?  

The PE School WordPress theme’s demo site contains a set of contact icons in the footer area. You can find those icons on the demo’s front page.

There are three different icons along with descriptions:

• Call us now!
• Visit us
• Send us an e-mail
  
  

For this purpose, the PE Short Info widget was used here (Each icon with description is a separate widget). All icons are placed in the Bottom 3 sidebar.

PE Short Info is a simple WordPress widget used for displaying short information. Let’s see how to configure it.

Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” and find “PE Short Info” on the list.

Our demo site is just an example. You can place the widget on the widget position of your choice.

Let’s see the available widget settings:

• Widget title - enter the title
• Link - enter the link
• Icon - enter the icon code (see the example)
• Description -  enter the description
• Animation Type - you can choose an animation type from the list
  
  

How to modify social icons at the bottom of the demo site in the School WordPress theme?

The PE School WordPress theme’s demo site contains a section where social icons are displayed. It’s the front-page bottom. Three icons are displayed there:

• Facebook icon
• Twitter icon
• and Google+ icon
  
  

You can easily manage them. Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” and find “PE Social” widget on the list.

We are displaying this widget in the “Social” Sidebar, but of course, you can add it to any other widget position.

Let’s see the available options:

• Title - enter the title
• Facebook/Twitter/Google Plus - that is the list of created items - you can edit or remove each item
• Add a new item - use the button to create a new item on the list
• Target - _blank/_self
  
  

You can edit or remove the existing items.

By clicking the “Add new item” you get access to the same options as using the “Edit” button for existing items.

• Name: enter the name
• Icon: enter the icon data
• URL: enter the URL
  
  

How to modify copyrights in the School WordPress theme? 

The PE School WordPress theme’s demo site brings “Copyrights texts”. You can find them at the bottom of the website.

It’s very easy to change them or remove them permanently.

How to manage the copyrights area?

Open your WordPress dashboard. Navigate to “Theme Options” -> “Footer”.

The “Footer” section configuration looks as follows: 

Available options:

• Copyright Info - enable/ disable copyright info
• Copyright text - Add text for copyright info at the bottom of the page
• PixelEmu copyright - enable/ disable PixelEmu copyright

How managing languages work in PE Display Widgets plugin?

Display widgets plugin among other options displays the list o available languages. The user is allowed to mark checkboxes if want to display or hide widget for selected languages.

How to manage languages using Polylang or WPML?

Multilingual plugins like WMPL or Polylang add their own settings to widgets that allow the user to display widgets in the correct language depends on selected values.

In older versions of the Display Widgets plugin, these language settings are ignored by default. Starting from Pixelemu Display Widgets 1.1 we improved the plugin for WPML and Polylang support and now it is possible to use these options.

When you use the select from WMPL or Polylang, correct languages will be automatically chosen in Display Widget options.

How to manage languages with other language plugins?

Pixelemu Display Widget plugin uses 'icl_get_languages' function from WPML and Polylang to support available languages. If you are using some other plugin, let us know!

Manage Public Institutions WordPress theme with ease.

We've prepared a set of tutorials for Public Institutions WCAG ready WordPress theme. Browse the topics from the menu on the right side and follow instructions and find out more interesting features that this awesome WordPress theme brings you.

The following tutorials are the extended guides for sections described in the Public Institutions WordPress theme manual available online or downloadable at your account (for active subscribers of Public Institutions WordPress theme).

How to find a WordPress widget easily in the Public Institutions WordPress theme?

Please follow the general tutorials related to this topic:

• How to find a WordPress widget easily?
• Watch the video about the simplest way to find the sidebar names and the widget type you want to customize. 

How to change the email address and phone number above the logo in the Public Institutions WordPress theme?

The Public Institutions demo site contains a widget displaying email and phone number contact details. That widget is placed at the top of the front page.

For this purpose, we have used a simple text widget. Let’s see how it’s setup. 

Open your WordPress dashboard.  Navigate to “Appearance” -> “Widgets”. There is a “Text” widget on the list.

After assigning the widget to the chosen position (in this case, it’s “Top Bar 1”.), you can configure it.

See our example below. We have not used the “Title.” It’s about filling up the “Content” box with  HTML code only:

If you want to change the email address and phone number, you can easily do this by editing the content (for customers who installed the demo copy).

How to manage accessibility tools above the menu in the Public Institutions WordPress theme?

WCAG tools icons you’ll find at the top-right corner of the Public Institutions WordPress theme demo site.

Icons are divided into three categories: Contrast, Layout, and Font. Each category has few icons to use. Using these tools will help visually disabled website visitors to navigate across the website. Remember that it’s only the demo example here. Icons can be easily defined in the backend of the website. Go to your WordPress admin panel.

Navigate to “Theme Options” and then to “Accessibility.”

Now you have a high number of accessibility settings to configure. Settings responsible for icons used on the front-page are:

• Wide layout (Enable / disable wide layout.)
• Font sizer (Enable / disable font sizer.)
• Night mode (Enable / disable night mode.)
• (High contrast mode)

But there are also other WCAG settings that you can manage. Check here the detailed description of each WCAG settings section.

How to change the logo in the Public Institutions WordPress theme?

The Public Institutions WordPress theme uses a logo on the front page - in the top position, left to the menu.

Changing the logo is an easy task. Open your WordPress dashboard. Navigate to “Theme Options” -> “Basic Settings” -> “Logo.”

You can upload any image of your choice there and remove the existing one. After Saving the settings, the new logo will appear on the front page.

How to manage the CONTACT US form in the Public Institutions WordPress theme?

The contact form on the Public institution WordPress theme demo site looks like this:

Let’s see how to manage the contact form.

Gathering contact details

Open your WordPress admin panel and navigate to “Theme Options” -> “Pages” -> “Contact.”

As you will see, there are many options to use - contact details that can be displayed on the Contact Page or with a Contact widget.

All options are in one place; while turning on selected sections, a given section’s options will appear. Enabling the google map feature will cause that options such as latitude, longitude, and zoom will appear on the list.

• Google Map - Enable / disable google Maps (Google Maps API must be enabled. Please check the Advanced tab.)
• Latitude - Provide google map latitude
• Longitude - Provide google map longitude
• Zoom - Provide google map zoom level
  
  

• Tooltip  -  Show tooltip with address / coordinates
• Contact form - Enable / disable contact form
• Email recipients - Provide an email address that will be used to receive messages
• Contact details - Enable / disable contact details 
• Email address  -  Provide the email address that will be displayed
• Contact address - Here, you can provide the address. Shortcodes, links, and media attachments can be used
  
  

• Consent 1 - Require consent 1 to send the form
• Text for consent 1 label (HTML allowed) - provide the constent content
• Consent 2 - Require consent 2 to send the form
• Text for consent 2 label (HTML allowed)  - provide the constent content
• Spam Protection - On/Off
  
  

How to display the contact form?

You can create a menu link and assign it to the Contact page or display the context form using the Contact widget.

Displaying the contact form with the Contact widget

Let’s see how to configure the “contact form” widget - the one you can see on the Public Institutions WordPress theme demo site. Navigate to Appearance -> Widgets and find the “PE Form” widget on the list. Add it to the chosen widget position.

Most essential settings have already been described (in the Theme Options related section). The PE Form widget is used to display the contact form with previously described setting, but you can also define a title and description. The remaining options are used to specify where you want the widget to appear. 

How to modify the VIDEO widget in the Public Institutions WordPress theme?

You can add a video to the WordPress website. Our Public Institutions demo example contains such an element on the front page.

Let’s see how to manage the widget responsible for displaying the video. This video is shown in the “Content Bottom” position using the “Text” widget and the widget size is set 50% for desktops.

Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets”. The “text” widget appears on the list there.

After assigning it to the appropriate position, or when editing an already configured video widget, it looks like this:

As you can see, we’ve only set the title “VIDEO” and the Content box with the “iframe code” for a selected YouTube video. You can remove this code and replace it with a code of your choice.

How to change images for the AWARDS & MEMBERSHIPS section in the Public Institutions WordPress theme?

The  “Awards and memberships” section is placed at the bottom of the demo site. It displays five company logos. For this purpose, we are using the PE Easy Slider widget. 

We will show how to change the displayed images there. Open your WordPress dashboard. Navigate to Appearance -> Widgets -> PE Easy Slider

Our demo example displays the widget at the Bottom 3 position. Let’s see widget settings:

The most important element for us here is the “Source.”  Users can choose between “Posts” and “Folder as a source.” Our images are implemented from the folder defined in the next field “Image Folder.” Images from this folder will be displayed via the widget.

You can define the number of rows and the number of items in a row.

How to set social icons and links in the Public Institutions WordPress theme?

The Public Institutions WordPress theme’s demo displays Twitter, Facebook, and Google plus social icons in the “Footer” section.

For this purpose, we’ve used the PE Social widget. Icons links can be easily modified using this widget.

Add the PE Social Icons widget

To find and add the widget to your site, open your WordPress panel, and navigate to “Appearance” and to “Widgets”. Find PE Social on the list and click it. Now you can choose the position, where you want to place it. At the end click the “Add widget” button.

Let’s see the widget main settings: 

Edit or add a social icon item.

The social icon link can be modified in the item edition field. I will show it on the Facebook icon example:

You can “Add new item” or edit the existing one. As you see, I’ve used the “Edit” button for the Facebook item.

After clicking the edit field, the box with “name, icon, and URL” appeared. These settings allow you to add any social media link of your choice. That is very easy to configure. After filling in the options click “Save item” button and click "Save" - the widget button.

For icons use font awesome icons classes -> https://fontawesome.com/icons?d=gallery

How to change copyrights details in the Public Institutions WordPress theme?

The Public Institutions WordPress theme demo example has a copyright text at the bottom of the website. 

It’s easy to change the text included there. See how to do it.

Open the WordPress backend. Navigate to the “Theme Options” and then to “Footer”.

You can configure the following options. 

Copyright Info - On / Off - Enable / disable copyright info. If you set on "Off" then the copyright text on the left bottom corner disappears.

Copyright text - Add text for copyright info at the bottom of the page (the “Copyright Info” button must be set as “On”.)

PixelEmu copyright - On / Off  - Enable / disable PixelEmu copyright.

After completing the settings click the "Save changes" button. 

How to manage widgets in the footer area in the Public Institutions WordPress theme?

The footer section of your website can display widgets. Users browsing the website will see the footer if they scroll to the bottom of your page. You can use the footer section to display important information. 

The Footer section should be easy for the user to read and allow him to locate what he is looking for quickly.

The Public Institutions WordPress Theme demo example uses this area for: 

• Public institution information
• About us information
• Our company information
• Contact info
  
  

Let’s focus on each widget now.

Public Institution

It’s a text widget. It contains a logo a short description.

About

It’s a Nav menu type widget. It displays a set of links directing to various places on the website.

Our company

It’s a Nav menu type widget. It displays a set of links directing to various places on the website.

Contact info

It’s a text widget. It displays small icons along with descriptions.

Widgets Configuration 

Open your WordPress dashboard, navigate to “Appearance” -> “Widgets”.  

Both mentioned widget types you can find on the widgets list:

Of course, you can use any other type of widget for the Footer. We just use our solution as an example here.

Now, navigate to the right side of the widgets page and you’ll find the “Footer” section. It includes all four widgets displayed on the front page.

Public institution - As you can see on the image below, this widget has a defined “Title” and it uses the HTML code in the content.

About us -  As you can see on the image below, this widget has a defined “Title” and it displays the link structure from the selected menu: “About”.  The menu is configured in the Appearance -> Menu

Our company -  As you can see on the image below, this widget has a defined “Title” and it displays the link structure from the selected menu: “Our company”. The menu is configured in the Appearance -> Menu

Contact info - As you can see on the image below, this widget has a defined “Title” and it uses the HTML code in the content.

From the Typography tutorial, you may get the ready code for font awesome usage - check section FONT AWESOME.

How to get the search widget below the header in the Public Institutions WordPress theme?

The Public Institutions theme’s demo displays a “Search” widget on the front page, right below the slider. 

Let’s see how to place it there. 

Open your WordPress admin panel. Navigate to “Appearance” and then to “Widgets.” Find “Search” on the list of available widgets.

You can assign the search to a chosen position. 

On the Public Institutions demo site, the “Search” box is assigned to the “Top 1” position.

How to manage POPULAR RESOURCES widget in the Public Institutions WordPress theme?

“Popular Resources” is a widget displayed on the Public Institutions demo site in the “Top 2” position and the widget size is set 33% for desktops.

Let’s see how to manage it. 

Open your WordPress admin panel. Navigate to “Appearance” and then to “Widgets.” Find “Text” on the list of available widgets.

After opening the widget, you can add it to a chosen position. 

“Popular Resources” is a text widget. Our example is displayed at the “Top 2” position and uses a shortcode code that displays icons and short information. The content includes the links to a few posts from the blog.

Get the shortcode from our examples demo site. It's the ICONTEXT shortcode placed in GRID shortcode.

How to manage LATEST NEWS widget in the Public Institutions WordPress theme?

“Latest News” is a widget displayed on the Public Institutions demo site in the “Top 2” position and the widget size is set 33% for desktops.

Let’s see how to manage it.

Open your WordPress admin panel. Navigate to “Appearance” and then to “Widgets.” Find “Pe Recent Posts” on the list of available widgets.

After opening the widget, you can add it to a chosen position. “Latest News” is based on PE Recent Posts widget that you may download for free.

For our example, we’ve used the custom configuration displaying posts intro content with linked titles. The read more button is disabled but of course, it can be also used there.

The user may select the category or display items of all categories. Users can also define how many rows will be visible in a column and how many items will be displayed in one row.

There was not much space in the box, so the information contained is very concise, but also very clear. There are a lot of options to set.

Let’s see the settings on the screenshot:

How to manage UPCOMING EVENTS widget in the Public Institutions WordPress theme?

The Public Institutions demo site displays a section with upcoming events. For that, we are using a WordPress widget.

Let’s see the widget displayed on the front page:

Our example includes a title, link to all events and three events.

Manage events

Before displaying the widget on the front page, it is required to create events. For this purpose, the Public Institutions demo uses a "The Events Calendar" plugin.

The installed plugin you can find in the WordPress dashboard.  Navigate to “Events” icon, open it, and you will see the list of created events.

Of course, you can add new events, create event categories, manage tags, venues and use more options.

Created events that are available on the list can be displayed on the front page using the widget.

Manage the Events List Widget

Go to “Appearance” -> “Widgets” and find the “Event list” widget on the list.

We have used the widget in our demo example, and it’s displayed in the “Top 2” position and the widget size is set 33% for desktops. You can add the widget to any theme’s position or use it in the “Top 2”.

Open the widget and check it’s settings:

Check Events calendar documentation here.

How to manage TASKS OF COMMUNE section in the Public Institutions WordPress theme?

The Public Institutions theme’s demo site comes with a section called “Tasks of commune”.

For this purpose, we’ve used the PE Easy Slider widget, which is placed in the "Top 3" position.  The widget displays a set of images with the linked title.

See the example below:

Let’s check how to manage this widget. 

Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” -> “PE Easy Slider”.

You can set the position, and add the widget where it should be displayed (Top 3 position is used for our demo example). After adding the widget, you can open it and configure.

Let’s take a look at available options:

Learn more details about PE Easy Slider plugin here.

How to change content for Public Institutions WordPress Theme section?

The Public Institutions demo site front page includes the “Public Institutions WordPress Theme” section. The content comes from the page with the same title and it's displayed in the main content area of the theme's layout. 

How to change the content?

Open your WordPress dashboard. Navigate to “Pages” and find the “Public Institutions WordPress theme” on the list.

Open this Front Page page to edit the content. It uses the classic WordPress editor - you can add links, include images, videos and slider.

How to modify INFO menu in the Public Institutions WordPress theme?

The “Info menu” is displayed on the theme’s demo front page in the “Info” section.

For this purpose, we’ve used the “Navigation Menu” widget, which is displayed in the “Content bottom” position and the widget size is set 25% for desktops.

How to modify the menu?

Open your WordPress dashboard. Navigate to the “Appearance” -> “Menus” and find the “Info” menu on the list. Now you can edit this menu structure.

It’s about creating or editing the existing menu. Our structure is an example only. You can add more items using Pages, Posts, Events, Custom links, Categories, Tags or event categories.

Just remember the menu name - it will be needed later for the widget configuration.

How to configure the widget?

Open your WordPress dashboard. Navigate to the “Appearance” -> “Widgets” -> “Navigation Menu”

Navigation Menu settings:

You can set the title and choose the menu you want to display using this widget.

How to modify STAY INFORMED items in the Public Institutions WordPress theme?

The Public Institutions theme’s demo site includes a section called “Stay Informed”. For this purpose, we’ve used the PE Recent Posts widget, which is placed in the "Content Bottom" position and the widget size is set 25% for desktops.

That section displays titles along with the short description, linked to selected pages on the website.

See the example below:

Let’s see how to manage this widget. Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” -> “Pe Recent Posts”.

You can set the position, and add the widget where it should be displayed (Content bottom position is used for our demo example). After adding the widget, you can open it and configure.

Learn more about PE Recent Posts plugin here.

How to modify the counter in the Public Institutions WordPress theme?

The Public Institutions demo site contains an eye-catching counter on the front-page. It’s the text widget with a counter shortcode used for this purpose here.

Let’s see how to manage it. Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” -> “Text”. You can assign this widget to any theme’s position. Our widget is displayed in the “Bottom 1” position.

Let’s open the widget settings:

As you can see on the image above, the widget is based on the shortcode code, displaying such elements as the icon, title (that can be linked), and the number.

You can add your links, set the number, and change the names.

Get the shortcode from our examples demo site. It's the COUNTER shortcode placed in GRID shortcode.

How to manage INTERESTING TUTORIALS widget in the Public Institutions WordPress theme?

The Public Institutions theme’s demo site includes a section displaying most interesting tutorials. For this purpose, we’ve used the PE Panels widget, which is placed in the "Bottom 2" position and the widget size is set 50% for desktops.

Tutorials are displayed in the collapsed view, one by one. Each title can be clicked, and this way, you open the information for the selected tutorial. The extended view shows off the title, small image and the description. We have only used some of the possible settings - some are disabled for this view.

See the example below:

Let’s see how to manage this widget. 

Open your WordPress dashboard. Navigate to “Appearance” -> “Widgets” -> “PE Panels”.

You can set the position, and add the widget where it should be displayed (Bottom2 position is used for our demo example). After adding the widget, you can open it and configure.

Learn more about PE Panels settings here.

How to manage the main slider in the Public Institutions WordPress theme?

The Public Institutions demo site includes a slider on the front page. The slider is displayed in the “header’ position. The slider is based on the “Slider Revolution” WordPress plugin and placed in that position using the Rev Slider Widget.

How to manage the slider?

As the first thing, it is required to set up the slider. You can create your own slider, but we will show the view and options for our slider configuration.

Open your WordPress dashboard, find the “Slider Revolution” on the list and open it.

Now you can find the configured slider there. Each plugin’s item is called Module. Our example module comes with the “Header Home” name.  

By hovering the mouse over you’ll see two icons: Open in editor/show slides. Both options will direct you to the editor, but clicking on the “image” icon first, you can open another view and see the slides’ list.

Let’s open the editor. As you can see, there are tons of options to use. We won’t focus on each option now, but the possibilities are enormous.

Rev Slider widget settings

After setting up the slider in the plugin, it is required to display the widget on the front page or selected pages. In your WordPress dashboard navigate to “Appearance” -> “Widgets” -> “Slider Revolution”.

You can place the widget where you want. Our example is displayed in the “Header” position (so you can find it there). There are only a few options in the widget configuration.

• Title - enter the title if needed
• Choose slider - choose the name of the configured slider from the list.
• Home Page Only - select it if you want to show off the slider on the home page only.
• Pages - you can define on which pages you want to display the slider.

Customer's Question:

I’ve downloaded and activated the WordPress theme on my site, and also imported the demo content through the uploader. How do I create new pages using the template theme? It only seems to be giving me regular WordPress options. I have all the other necessary plugins installed and activated.

Solution:

Pages / views of a WordPress theme are created using widgets and sidebars. You will find info about sidebars and widgets in the documentation of your purchased WordPress theme (here are all WordPress themes manuals available online). 

Look for the Plugins and Widgets section and Other sidebars section. For example, for Eco Energy WordPress theme it looks as follows:

• Plugins and Widgets
• Available sidebars
  
  

And we also recommend using PE Theme Elements Info plugin, so you can check on each page what sidebar and widget type is used.

Question:

How to make a category page displays more than 4 posts? I want to display more posts on the first page of my blog category view.

Solution:

You can change posts per page value in WordPress dashboard -> Settings -> Reading:

Manage Eco Energy WordPress theme with ease.

We've prepared a set of tutorials for Eco Energy WCAG ready WordPress theme. Browse the topics from the menu on the right side and follow instructions and find out more interesting features that this awesome WordPress theme brigs you.

The following tutorials are the extended guides for sections described in the Energy WordPress theme manual available online or downloadable at your account (for active subscribers of Eco Energy WordPress theme).

How to find a WordPress widget easily in the Eco Energy WordPress theme?

Please follow the general tutorials related to this topic:

• How to find a WordPress widget easily?
• Watch the video about the simplest way to find the sidebar names and the widget type you want to customize. 

How to change the logo and menu position in the Eco Energy WordPress theme settings?

You can easily change the position of the logo and menu in the Eco Energy WordPress theme. The default view used for the demo site uses a centered menu and logo.

Let’s check the possible options. Log-in to your WordPress website backend. Go to "Theme Options" and navigate to the "Main Menu" on the list.

Now you can define the “Menu position” setting depending on your needs.

Three options are available to choose:

• Center menu and logo
• Menu on right / logo on left
• Menu on left / logo on left

The default view for Eco Energy WordPress theme demo looks like this (It’s the center menu and logo):

The view with Menu on right / logo on left looks like this:

And the view with Menu on left / logo on left looks like this:

How to manage WordPress theme's menu links?

See how to add a link to the menu in WordPress. Menus in WordPress may contain links to pages, categories, custom links, or other content types.

Log into your WordPress administration panel. Navigate to Appearance, and select Menus:

Now let’s add a new menu item.

Choose (for example) the “Custom link” from the list. Type in the URL you want to have for this menu button, the link text, and then click Add to Menu:

As you can see in the screenshot below, the new menu item appears on the Menu structure (1). It’s on the top because I’ vee used the “To the top” button for a better view here. The “Test” item (2) can still be edited so that you can change the name and the link. Don’t forget to use the “Save menu” button (3).

This way, you can create and manage all menu items. You can also move items up and down to change their order.

Refresh the site, and you will see your new custom page and link in the navigation menu. Below see the final effect on the front page:

How to manage WCAG tools icons in the Eco Energy WordPress theme?

Using web accessibility tools enable you to easily follow the Web Content Accessibility Guidelines (WCAG) across all conformance levels.

WCAG tools icons are available at the top-right corner of the Eco Energy WordPress theme demo site.

Click on the icon, and a box will open with a set of options to use. These tools will help visually disabled website visitors to navigate across the website.

Options used for this demo site are divided into three main categories:

• Contrast
• Layout
• Font
  
  

But it’s only an example. The content of this box can be easily defined in the backend of the website.

Go to your WordPress admin panel. Navigate to “Theme Options” and then to “WCAG & ADA.”

Now you have a massive number of available accessibility settings to configure. The ones you see in the WCAG tools box are:

• Wide layout (Enable / disable wide layout.)
• Font sizer (Enable / disable font sizer.)
• Night mode (Enable / disable night mode.)
• (High contrast mode)
  
  

But there are also other WCAG settings that you may also manage. Check here the detailed description of each WCAG settings section.

How to manage the Services section placed in tabs WordPress plugin?

The services section from this demo site of the Eco Energy WordPress theme is a place for some description of the services. It's the right place to present information about the company's offer and then optionally redirect to the full info.

The Eco Energy demo site brings a Services section divided into four tabs. Each tab displays a specific post's content. For this purpose, we have used PE Panels WordPress widget.

How to configure a tabs widget?

We will show you how to configure and manage this widget to achieve the same effect with the tabs' content.

Open your website WordPress dashboard. Navigate to “Appearance” -> “Widgets”. Find PE Panels on the list, open it, set the position you want to place this widget, and then click the "Add widget" button.

TIP: Check here available sidebars in the Eco Energy WordPress theme.

The tabs and the accordion widget can display pages or posts. The main view can be "Tabbed" or "Collapsed (accordion). The essential options configure here, you can see on the image below:

1. Set the title
2. Set the view as “Tabbed” to get the tabs effect
3. Choose and assign “pages” if you want to include them in tabs
4. Choose and assign “posts” if you want to include them in tabs
5. You can set the order of displayed posts (or pages) by entering their ID’s

There are many more options to choose from, including content limit, read more button, article thumbnail, subtitle, and date. You may control the unlimited number of panels and their ordering.

After the successful configuration of the widget, please use the "Save Widget" button.

How to change testimonials content with a handy WordPress widget?

The testimonials example used on the Eco Energy WordPress theme demo site is the “They say” section.

The section is consistent but in fact, in the backend, it is divided into two widgets.

The left part is using the Testimonial Carousel widget. And this widget displays the content of the testimonial. Let’s see where to find and manage this content.

How to manage testimonials?

Open your WordPress dashboard. Navigate to “Testimonials” in the left panel and click it. You will open the list of existing testimonials. There is also an “Add new” option available ( you can create a new testimonial here.)

Choose the first item from the list and click it to open.

Single testimonial content settings

You can edit the title (1), permalink (2), and the main content (3) using the editor.

Under this area, you will see additional two boxes:

In the first one, you can provide a testimonial occupation or company.
The second box displayed the list of revisions.

On the right, under the “Publish” box, you will see the “Avatar image” box. It can be used to upload the featured image for this single testimonial.

Single testimonial item view in the widget

Let’s see this single testimonial on the front page displayed with the Testimonial Carousel widget.

It contains all defined elements including:

• The title ( Elizabeth Curly)
• Profession
• The content
• The avatar image
  
  

How to modify social icons links in the Eco Energy WordPress theme?

The Eco Energy WordPress theme’s demo example displays Twitter and Facebook social icons in the “Follow us” section placed in the footer.

For this purpose, we’ve used the Social Icons widget. Icons links can be easily modified using this widget.

Add the PE Social Icons widget

To find and add the widget to your site, open your WordPress panel, and navigate to “Appearance” and to “Widgets”. Find PE Social on the list and click it. Now you can choose the position, where you want to place it. At the end click the “Add widget” button.

Let’s see the widget main settings:

Edit or add social icon item

The social icon link can be modified in the item edition field. I will show it on the Facebook icon example:

You can “Add new item” or edit the existing one. As you see, I’ve used the “Edit” button for Facebook item.

After clicking the edit field, the box with “name, icon, and URL” appeared. These settings allow you to add any social media link of your choice. That is very easy to configure. After filling the options click “Save item” button and click "Save" - the widget button.

How to replace images in the carousel widget in the Eco Energy WordPress theme?

The images displayed in the carousel are displayed on the Eco Energy demo site in the “Resources carousel” section. 

The section itself contains the content in a simple and transparent appearance. The PE Image Carousel widget is an addition here, attractively displaying the images.

Add the Carousel widget

Open your WordPress control panel. Navigate to “Appearance” -> “Widgets”.  Find the “Image Carousel” on the list and click it. Now you can choose the position and add the widget there.

Add images to the Carousel widget

This widget has few useful configuration options, including the possibility to show/hide indicators, show/hide prev/next buttons, use the loop carousel, use the scroll wheel, and choose three different styles.

For us, the issue of adding images is the most important here. The widget has a “Add new item” button under the title. It is purposed for adding images.

Click the Add new item button (1). Now you can configure a few options.

Use the “Select image” button (2) to upload the image. You can upload files or add the image from the media library.

Type the image’s URL (3) if you want to link it. Save the item or use “Cancel” (4).

After adding the image, it’s visible on the list.

You can edit the item or remove it.

Are there other views for search input in the Eco Energy WordPress theme?

The search input is placed in the top bar on the right side of the top menu.

How to change the search input view?

Open your WordPress admin panel. Navigate to “Theme Options” and then to “Basic Settings.”

Scroll down to “Search form in topbar” options.

You can enable/disable the search form or choose between two views: Standard and Modal Window.

Standard view: the search input appears after clicking on the search icon.

Modal window view: after clicking on the search icon the modal window appears with the search input inside.

How to change copyrights text in the footer area in the Eco Energy WordPress theme?

The Eco Energy WordPress theme demo example has a copyrights text at the bottom of the website. 

It’s very easy to change the text there. We will show you how.

Open the WordPress backend. Navigate to the “Theme Options” and then to “Footer”.

You can configure a few options.

• Copyright Info - Enable / disable copyright info.
• Copyright text - Add text for copyright info at the bottom of the page (the “Copyright Info” button must be set as “On”.)
• PixelEmu copyright - Enable / disable PixelEmu copyright.

After modifying settings click the "Save changes" button.

How to manage the "Why Us" section in the Eco Energy WordPress theme?

The "Why us" section is displayed using the Image and PE Best Features widget. We’ve added the big image on the left, focused on the WordPress theme's subject.

Best Features widget is used on the right side. It’s a simple widget that gives the possibility to display icons with their names and descriptions.
Choose between various styles and layouts. Our example shows off icons and a text description below them.

The left side displays a normal media image. We used this to show the whole why us section in an attractive way.

How to configure the Best Features widget?

Navigate to “Appearance” -> “Widgets”. The Best Features widget you can find on the list there.

The next step required to add the widget to a chosen sidebar.

Let’s see the widget box most important options (configured for our demo example):

The first thing is the main widget title. Under the title, you can find all the icons previously created on our example (items). Each item can have a title, url link, icon class (font awesome class), and additional text if needed.

Here is the second part of the options:

You can choose a style (two styles are available), upload the image (we didn’t use this option on the demo site), write the description that appears below icons. If you uploaded the Image then choose the layout (five variants are available), the image size, and the type of animation from the list (along with its delay).

How to change menu links in the footer section in the Eco Energy WordPress theme?

The footer section of your website can contain links to the website pages of your choice. Guest users browsing the website will see the footer if they scroll to the bottom of your page.

You should consider setting certain pages to be only accessible from the footer. Pages with legal information like Terms & Conditions are often linked only from the footer.

Footer links should be easy for the user to scan and allow him to locate what he is looking for.
It is also recommended to group the footer links into sections that are clearly separated visually, semantically divided.

As you can see in our Eco Energy demo example, in the footer section, there is a set of links (including Rules, Blog, How to use, Privacy policy ) directing to various places on the website.

There are different types of links that can be used in the footer. The chosen type most often depends on the purpose of the link.

Some examples:

• The link directing to the blog, you can connect with the posts page.
• The link to the rules can be a custom link.
• You can also link the menu item with a category, single page, or even a testimonial.

What’s important, to link an item menu somewhere, the content data must already exist. So we attach the links to the ready content :)

Once you have the content you want to link in the footer, navigate to “Appearance” -> “Menus”. Then, you can choose the type of links from the “Add menu items” section and click the “Add to Menu” button.

As you see in the image below, you can add a menu item using ready pages, posts, and testimonials. 

How to manage the contact form in the Eco Energy WordPress theme?

The contact form on the Eco Energy demo site looks like this:

Let’s see how to manage the contact form.  

Gathering contact details

Open your WordPress admin panel and navigate to “Theme Options” -> “Contact.”

There are many options to use - contact details that can be displayed on the Contact Page or with a Contact widget as well.

All options are in one place, while turning on selected sections, options for a given section will appear. For example, if we enable the google map feature, options such as latitude, longitude, and zoom will appear.

• Google Map - Enable / disable google map (Google Maps API must be enabled. Please check Advanced tab.)
• Latitude - Provide google map latitude. 
• Longitude - Provide google map longitude. 
• Zoom - Provide google map zoom level.

• Tooltip  -  Show tooltip with address / coordinates.
• Tooltip content - Provide text that will be displayed in the map tooltip.

• Contact form - Enable / disable contact form.
• Email recipients - Provide an email address that will be used to receive messages.

• Consent 1 - Require consent 1 to send the form
• Text for consent 1 label (HTML allowed) - provide the constent content
• Consent 2 - Require consent 2 to send the form
• Text for consent 2 label (HTML allowed)  - provide the constent content

• Spam protection - Enable / disable spam protection. ("Google reCaptcha API must be enabled. Please check the Advanced tab.")

• Contact details - Enable / disable contact details. 
• Contact address  - Here you can provide the address. Shortcodes, links, and media attachments can be used.

How to display the contact form?

As mentioned above, you may create a menu link and assign it to the Contact page or display the context form using the Contact widget. 

Displaying the contact form with the Contact widget.

First, let’s find the contact form widget. Navigate to Appearance -> Widgets and find the PE Contact widget on the list. Add it to the widget position you want to place it in.

The widget brings a few options. You can directly decide on the Appearance of the contact form, choosing which elements will be visible. Apart from the standard widget settings, which are the same as for other widgets (widget size, show widget for, custom widget classes), it has the options necessary for the contact form display:

Under the “title box,” you see the list of elements ( the ones from Gathering contact details section) that can be displayed or not (Show/hide):

• Contact details
• Form
• Consent 1
• Consent 2
• Captcha
• Google map
• Tooltip on map

How to change companies' logos in the Eco Energy WordPress theme?

Next to the testimonials section, you will find examples of companies' logos. We've used the PE Easy Slider widget for this purpose. Check the view from the front-page. We've used a static view of six logos. But there are many possibilities for a configuration.

Let's see the options of this widget, necessary for the appearance of the slider.

• Title - you can set the title (our example does not contain any)
• Source - Choose between a "Posts" and a "Folder as a source." We set a folder source to display images only. You need to remember to enter here the correct folder name with images to display. We suggest to make the same height for images to make them look good in a row.
• Image Folder - it works for the "Folder" choice. You can decide for yourself in which folder the images will be placed.
• A number of items in a row - our example has three items in each row.
• A number of rows - we've set two rows for our example.
• Navigation - Bullets/Arrows/None
• Interval in ms - ( 0 - autoplay is disabled )
• Pause on hover - yes/no
• Image height in px - ( 0 - disabled )
• Grid Spacing (px)  - this is the space between items.

Read the full step by step guide on our blog: How to properly navigate accordion using keyboard according to WCAG recommendations.

Read the full step by step guide on our blog: How to properly navigate tabs using keyboard according to WCAG recommendations.

Question:

Widgets located in the right sidebar jump under the content on the mobile view. I would like to hide several of them and display other ones on mobile. How can I do that?

Solution:

You may simply manage it using bootstrap classes for the "Custom Widget Classes" setting available in each widget of your WordPress theme. Check below how to find the input to place a specific class:

Simply use the Bootstrap rules and use the class that corresponds to your needs.

Check the table here 3. Responsive utilities

For example:

If you want to display the widget for mobile devices only under 992px resolution you need to enter a class "hidden-lg". 

Another example, if you want to display the widget for devices with a resolution 1200px or above enter a class "visible-lg-block".

Images width and height usually are defined with Image Sizes in WordPress settings, and images dimensions can be modified in Settings -> Media.

Below find an example of large image settings.

NOTE: After modifying height and width remember to regenerate images once again. You may do it with 3rd party addons like Regenerate Thumbnails