5.00 (1 votes)
5 stars 1
4 stars 0
3 stars 0
2 stars 0
1 stars 0

Browse the topic

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?

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

widget size services wordpress theme

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

The PE Box widget is used for:

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

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

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.

Users' reviews

Total rating (go to the top to rate): 5.00 (1 votes) Or log-in to add your opinion

WordPress Tutorials

How to change the WordPress theme layout? [voice]

How to install the WordPress theme demo site?

How to add social media icons in WordPress theme? [voice]

Best features ready made WordPress widget - how to manage? [voice]

How to change the WordPress theme layout? [voice]

How to add a menu in WordPress?

How to add Google Map in WordPress?

How to create a blog category in WordPress?

How to manage tags in WordPress?

How to install WordPress?

How to create blog post in WordPress?

How to add Google AdSense to WordPress?

How to change main page in WordPress?

How to create a WordPress child theme?

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2015-2021 PixelEmu.com All rights reserved.