Changing the Pros/Cons template

The Pros / Cons plugin has a few standard templates / styles you can choose from. You can change the template from in the settings area under the ‘Pros and Cons’ tab.

Default templates

Template 1

Template 2

Template 3

Due to the additional rating in template 3, this template works even better on a full width page

Making small changes

If you want to make some small changes like change the + / – to your own icons you can best do this with some CSS in your theme. Here’s an example that will change the +/- to thumbs up and down icons.

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
.review-pros-cons .review-pro-con-icon {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-indent: -9999px; /* Hide existing content */
   height: 22px;
   line-height: 22px;
}
.review-pros-cons .review-pro-con-icon:before {
   text-indent: 0; /* Show icon content */
   float: left;
   visibility: visible;
   position: absolute;
   left: -4px;
}
.review-pros-cons .review-pro-icon:before { content: "\f164"; /* Thumbs up icon */ }
.review-pros-cons .review-con-icon:before { content: "\f165"; /* Thumbs down icon */ }

The result

Customizing templates

If you want to update or change the template you can easily do this by overriding the templates in the same way as Reviewer Core. You can read more about overriding templates in this doc: Using template files

The following files would be available to be overridden in your theme’s folder;

{your-theme}/reviewer/single-review/pros-cons-template-1.php
{your-theme}/reviewer/single-review/pros-cons-template-2.php
{your-theme}/reviewer/single-review/pros-cons-template-3.php

Leave your feedback