0.00 (0 votes)

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.

The slider is based on the “Slider Revolution” WordPress plugin

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.

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.  

Now you can find the configured slider there wordpress

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.

By hovering the mouse over you’ll see two icons wrordpress

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.

Rev Slider widget settings

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”.

How to set Rev Slider widget?

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.

few options in the widget configuration wordpress rev slider

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.

0.00 (0 votes)

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”.

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

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

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

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

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

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.

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

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.

find widgets wordpress theme

  • 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.

5.00 (1 votes)

Manage Services WordPress theme with ease

wordpress Services theme smallwordpress Services theme small

wordpress Services theme smallwordpress Services theme small

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 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.

wordpress theme accessibility tools

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.  

wordpress theme accessibility

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.

wordpress theme 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.

image1

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

image2

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 plugin wordpress

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.

how to get max mega menu wordpress

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.

Mega Menu settings wordpress

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:

How to add menu links wordpress

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:

image2

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).

image3

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:

how to add menu link max mega menu wordpress

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.

search services worpress theme

Let’s see how to manage it.

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

search settings wordpress theme

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

disable search services wordpress theme


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.

color boxes services wordpress theme

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.

PE Box widget services wordpress theme

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.

three different boxes as separate widgets services wordpress theme

Let’s see the PE Box widget settings:

PE Box widget settings services wordpress theme

  • 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?

Select the widget size for desktop using bootstrap sizes. In our examples we want to place 3 items (widgets) in the row, one by one - it means that you need to select 33% for each widget. 

widget size services wordpress theme

Read more about how to use the Widget Size option

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.

image3

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

image1

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

image6

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.

How to manage Short Info boxes services wordpress theme

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:

image1

  • 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:

    PE Services Clinic Demo version wordpress theme

    Check its settings:

    image5
  • and also on the Footer sidebar and looks as follows:

    image10

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

short info services wordpress theme constructions

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

image13

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

image12


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.

color section services wordpress theme

How to change the color of the section?

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

theme options colors services wordpress theme

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:

change background services wordpress theme

  • 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.

How to manage the Text widget wordpress

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

image4

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

image6

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

image2

 


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.

team profiles services wordpress theme

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.”

How to create team profiles? services wordpress theme

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.

How to display team members on the front page services wordpress theme

Let’s see the PE Team Carousel settings:

Let’s see the PE Team Carousel settings services wordpress theme

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

team profiles our team constructions wordpress theme

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

meet our team dentist services wordpress theme

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

our team mechanic services wordpress theme 


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:

 “Reliable team” widget Services wordpress theme

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.

text widget wordpress 

Let’s see the Text widget settings:

text widget settings wordpress

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.

revolustion slider on services wordpress theme

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.

image2

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

image5

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”.

image4

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

image1


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.

advice worth reading widget services wordpress theme

How to manage the widget?

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

pe recent posts widget wordpress

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.

faq shortcode services wordpress theme

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.

testimonials services wordpress theme

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.

create testimonials services wordpress theme

Single testimonial content settings

Single testimonial content settings services wordpress theme

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:

occupatio field testimonials services wordpress theme

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.

“Avatar image” box services wordpress theme

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.

Display testimonials with a PE Testimonial Carousel widget services wordpress theme

Let’s see the widget settings:

testimonials carousel settings services wordpress theme

  • 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 

image1

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.

manage social icons services wordpress theme

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:

social icons wordpress theme

  • 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.

edit social icons wordpress theme


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.

copyrights services wordpress theme

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.”

How to manage the copyrights area services wordpress theme

The “Footer” section configuration looks as follows:

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. 

0.00 (0 votes)

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:

How to manage Custom HTML widgets in WordPress?  

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

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
0.00 (0 votes)

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.

terraclassic wordpress classifieds theme pod ad button

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 add an ad link terraclassic wordpress

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: 

terraclassic how to get post an ad button 

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 themeIn your WordPress dashboard, navigate to the “Appearance” (1) -> “Widgets” (2)  and find the “Navigation Menu” (3) widget. 

image5 

Let’s see the widget settings.

image2

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).

0.00 (0 votes)

Manage School WordPress theme with ease

wordpress school theme small

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 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.

wcag tools wordpress theme

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.”

accessibility options wordpress theme

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.

image3


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.

sign up and login school wordpress theme

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

top menu school wordpress theme

Now you will see the menu panel.

Select the menu you want to edit - school wordpress theme

  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:

settings for the “Login link” item wordpress

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:

image1


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.

The School WordPress theme’s demo displays a “Search”

Let’s see how to place it there.

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

Navigate to “Theme Options” and then to “Basic Settings.”

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

Scroll down to “Search form in topbar”


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.

The School WordPress theme uses a logo on the front page

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

 Changing the logo is an easy task.

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 plugin wordpress

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.

how to get max mega menu wordpress

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.

Mega Menu settings wordpress

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:

How to add menu links wordpress

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:

image2

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).

image3

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:

how to add menu link max mega menu wordpress

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 

PE School WordPress theme tabs

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.

How to manage the tabs widget?

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:

widget is placed in the Top 1 sidebar wordpress

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.

image4

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.

color boxes wordpress

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.

How to manage color boxes wordpress

PE Box widget settings

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

pe box widget settings wordpress

  • 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.

image2

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.

image1

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.

image1

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.

The PE School WordPress theme upcoming events

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 your WordPress dashboard, and navigate to “Events.” wordpress

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.

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

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.

“Events list”- a widget that displays upcoming events wordpress

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:

widget settings upcoming events wordpress

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.

image3

How to modify the widget's content?

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

image2

Let’s see available widget settings:

image1

  • 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

menu links in the footer area wordpress

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”

navigation menu widget wordpress

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

image4

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”. 

image5

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

image7

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”.  

image6

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

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


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.

footer contact info wordpress

How to modify text widget settings?

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

text widget settings wordpress

Let’s see the settings.

custom html widget wordpress

  • 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

contact icons in the footer area wordpress

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.

 find “PE Short Info” on the list wordpress

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:

short info widget wordpress

  • 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

social icons wordpress theme

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

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:

We are displaying this widget in the “Social” Sidebar wordpress

  • 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.

add social media icon wordpress theme

  • 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.

The PE School theme’s demo site brings “Copyrights texts”

How to manage the copyrights area?

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

How to manage the copyrights area wordpress

The “Footer” section configuration looks as follows: 

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
0.00 (0 votes)

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!

5.00 (1 votes)

Manage Public Institutions WordPress theme with ease.

wordpress public institution theme small

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 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.

email and phone wordpress theme

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.

text widget wordpress theme

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:

image3

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.

wcag tools wordpress theme

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.”

accessibility options wordpress theme

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.

image3


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.

change logo image wordpress theme

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

image2 

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:

contact form wordpress theme

Let’s see how to manage the contact form.

Gathering contact details

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

collecting contact details wordpress theme

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.

contact settings wordpress theme

  • 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

contact details wordpress theme

  • 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

consens wordpress theme form

  • 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.

contact form widget wordpress theme

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. 

pe form widget wordpress theme


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.

how to add video wordpress theme

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.

video iframe text widget wordpress theme

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

video iframe wordpress theme

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

company logos wordpress theme

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

PE Easy Slider wordpress plugin

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

Our demo example displays the widget at the Bottom 3 position.

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.

social icons wordpress theme 

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.

pe social widget

Let’s see the widget main settings: 

social icons element wordpress theme

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:

add social icons wordpress theme

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. 

How to change copyrights details wordpress theme 

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”.

footer options wordpress theme

You can configure the following options. 

copyright options wordpress theme

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

How to manage widgets in the footer area wordpress theme

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”.  

image6

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

navigation menu and text widgets wordpress

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.

footer section wordpress

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.

image4

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

menu widget wordpress theme

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

image1

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.

image3

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. 

search widget wordpress

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.

search widget on the widgets list wordpress

You can assign the search to a chosen position. 

assigining search to wordpress position

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

image1


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.

text widget wordpress

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.

text widget on widgets list wordpress

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.

shortcode place in a text widget wordpress


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.

latest news widget wordpress

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.

pe recent posts widget wordpress

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:

pe recent posts widget


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:

upcoming events widget wordpress

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.

events calendar plugin wordpress theme

Manage the Events List Widget

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

events list widget wordpress

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:

events widget list wordpress

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:

easy slider widget wordpress

Let’s check how to manage this widget. 

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

pe easy slider widget on widgets list wordpress

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:

pe easy slider widget settings wordpress

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. 

content area displayed on the front page wordpress

How to change the content?

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

front page content wordpress

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

edit front page content wordpress


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.

info menu public institutions theme wordpress 

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.

navigation menu worpress

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 widget on widgets list wordpress

Navigation Menu settings:

navigation menu settings wordpress

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:

stay informed wosget wordpress

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

pe recent posts widget wordpress

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.

counter shortcode wordpress

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:

counter shortcode in a text widget wordpress

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:

interesting tutorials widget wordpress theme

Let’s see how to manage this widget. 

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

pe panels widget on widgets list wordpress

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.

header slider wordpress theme

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.

open slider revolution wordpress

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

header home slider module

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.

By hovering the mouse over you’ll see two icons wordpress

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.

image6

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”.

 it is required to display the widget on the front page or selected pages

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.

revolution slider widget wordpress

  • 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.
0.00 (0 votes)

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:

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

To najprostszy sposób na znalezienie nazw paneli bocznych i typów widżetów, który chcesz dostosować.

Wtyczka PE Theme Elements Info WordPress pomaga podczas pracy nad budowaniem strony internetowej za pomocą WordPress, zwłaszcza gdy zarządzasz wieloma widżetami umieszczonymi na wielu panelach bocznych - na przykład gdy zainstalowałeś kopię demonstracyjną zakupionego motywu WordPress i nie znasz jeszcze jego elementów.

0.00 (0 votes)

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:

category number of pages wordpress

5.00 (2 votes)

Manage Eco Energy WordPress theme with ease.

eco energy ver1

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 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.

How to change logo and menu position? - wordpress

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

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 center menu and logo - wordpress

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

The view with Menu on right / logo on left - wordpress

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

Menu on left / logo on left - wordpress


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:

How to manage WordPress theme's menu links?

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:

Now let’s add a new menu item in wordpress 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).

menu structure in wordpress

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:

image2


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.

How to manage WCAG tools icons in WordPress theme?

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.

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.”

massive number of available accessibility settings to configure wordpress theme

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.

wcag settings wordpress theme


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.

tabs 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.

How to configure a tabs widget wordpress

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:

The tabs and the accordion widget wordpress

  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.

How to manage testimonials wordpress

Single testimonial content settings

Single testimonial content settings wordpress

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:

image3

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.

image1

Single testimonial item view in the widget

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

Single testimonial item view in the widget wodpress

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.

modify social icons links wordpress

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.

Add the PE Social Icons widget wordpress

Let’s see the widget main settings:

PE Social Icons widget settings wordpress

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:

 How to modify social icons links in the WordPress theme?

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.

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

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.

Adding the Carousel widget wordpress

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.

Add images to the Carousel widget wordpress

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.

You can upload files or add the image from the media library wordpress

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.

image2

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.

search icon wordpress theme

How to change the search input view?

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

How to change the search input view wordpress theme

Scroll down to “Search form in topbar” options.

“Search form in topbar” options wordpress theme

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.

image2

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

search in modal window view wordpress theme


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. 

How to change copyrights text in the footer area wordpress theme

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”.

Navigate to the “Theme Options” wordpress theme

You can configure a few options.

configure footer options wordpress theme

  • 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 manage why us section wordpress theme

How to configure the Best Features widget?

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

How to configure the Best Features widget wordpress

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

add a widget to the siderbar wordpress theme

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

widget box most important options wordpress theme

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:

image5

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 create menu link wordpress


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

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

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.”

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.

image3

  • 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.

image11

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

image4

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

image1

  • 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

image6

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

image7

  • 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.

contact form widget wordpress theme

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:

image5

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.

image2

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

image3

  • 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.
0.00 (0 votes)

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

0.00 (0 votes)

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

0.00 (0 votes)

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:

text center widget wordpress

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".

0.00 (0 votes)

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

media img settings wordpress themes

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, zarejestrowane w Centralna Ewidencja i Informacja o Działalności Gospodarczej
NIP/VATID: PL5882424318

Prawa autorskie © 2015-2019 PixelEmu.com Wszelkie prawa zastrzeżone.