Selecting most recent instead of most popular

Hi @carabray,

The thing is, you’re using a Recent Posts widget in there:

That’s why you’re seeing recent posts instead of popular ones.

The solution is quite simple:

1. Go to Appeareance > Widgets.
2. Expand your sidebar and remove the Recent Posts widget you have there.
3. Drag the WordPress Popular Posts widget into your sidebar, set it up (or use its default settings), and click on Save to apply changes.
4. You’re done!

Let me know if there’s anything else you need help with.

Ah my apologies, the titles are quite similar! All sorted, thanks!

Is there a way to make the titles centrally aligned and spaced like the recent posts plugin?

Ah my apologies, the titles are quite similar! All sorted, thanks!

Don’t worry about it. Glad I could help!

Is there a way to make the titles centrally aligned and spaced like the recent posts plugin?

Yep, try this:

1. Go to Settings > WordPress Popular Posts > Tools.
2. Under Miscellaneous, set Use plugin’s stylesheet to Disabled and click on Apply to save changes. With this, we’re disabling WPP’s stylesheet so the popular posts list uses the styles provided by your theme.
3. Next, go to Appearance > Customize.
4. Click on Additional CSS to add the following code:

   .wpp-list li {
       margin-bottom: 1.6em;
   }
   
   .wpp-thumbnail {
       display: block;
       margin: 0 0 1.3em
   }
   
   .wpp-post-title {
       display: block;
       text-align: center;
   }

   And to restore the styling of the widget title, add this too:

   .popular-posts .widget-title {
       text-align: center;
   }
   
   .popular-posts .widget-title span {
       position: relative;
       display: inline-block;
       max-width: 100%;
       padding: 0 26px;
   }
   
   .popular-posts .widget-title span:before,
   .popular-posts .widget-title span:after {
       position: absolute;
       left: 0;
       top: 50%;
       content: "";
       margin-top: -2px;
       width: 20px;
       height: 4px;
       border-top: 1px solid #c4c4c4;
       border-bottom: 1px solid #c4c4c4;
   }
   
   .popular-posts .widget-title span:after {
       left: auto;
       right: 0;
   }

5. Click on Publish (top left of the screen) to save changes.