Hi there!
Follow these instructions:
- Go to Plugins > Editor and select WordPress Popular Posts.
- Click on wordpress-popular-posts/style/wpp.css to edit WPP’s stylesheet.
- Find the .wpp_thumbnail class, and change it to:
/* thumbnail styles */
.wpp-thumbnail {
/*display:inline;
float:left;*/
display:block;
/*margin:0 5px 0 0;*/
margin:0 auto 5px auto;
border:none;
}
- Find .wpp_list li, and change it to:
.wpp-list li { /* LI - post container */
/*display:inline-block;*/ /* <-- uncommenting this line is recommended when using post thumbnails */
float:none;
clear:left;
text-align:center;
}
- Hit Update file to save changes.
Note that any changes you make to WPP’s stylesheet will be lost every time you upgrade the plugin since the wpp.css file will be overwritten. You can prevent this by copying the wpp.css file into your theme’s folder (wp-content/themes/YOUR-THEME-FOLDER).
Ok. I copied that file to my theme and made the changes, but still no luck. Not sure if I did something wrong.
My bad, just noticed that there’s a bug on the plugin – WPP is not detecting the wpp.css file on theme’s folder and is using the one on wp-content/plugins/wordpress-popular-posts/style.
For the time being, copy the changes into plugin’s wpp.css as well.
Sorry for the inconvenience!
that fixed it! Thanks so much!
No problem! A plugin update will follow soon to fix the problem I mentioned before, so remember to keep a copy of the modified wpp.css file inside your theme’s folder to retain all the modifications you made to it.