Thumbnail spacing

Hi I’ve tried changing style/wpp.css to the following but it doesn’t work. Kindly help.

/* thumbnail styles */
img.wpp-thumbnail {
margin-right:10px;
border:none;
}

Hi there!

Please, post your site’s URL so I can go take a look ??

Hi, Héctor… I have a similar problem… in my case, the thumbnails in footer space has space, but I need to increase them… it is possible? This is my URL https://www.nosblogamos.com.br

I too need change caracteristics of the fonts, like boldstyle… can I do it?

Thanks!

Hi Ralph!

If you’re going to make changes to WPP’s stylesheet, copy it into your theme’s folder first. This way, your custom CSS modifications will survive future plugin updates.

Alright, open the wpp.css file either using a text editor (or edit it directly via wp-admin > Appeareance > Editor under Styles). This adds a 8px bottom margin to each item:

.wpp-list li {
	/* display: inline-block; */
	float: none;
	clear: left;
	margin-bottom: 8px!important; /*NEW*/
}

You can also add in there whatever properties you need to further style the posts ??

Hi Héctor

Sorry… I was offline a few days… but today I insert the code in Custom CSS field of my theme and it works! Perfect!

Thanks for your help and your time!!!

Thanks too!

I’m glad to help! ??

Hi Hector,

Posting here because I had the same question. Problem is, there’s no wpp.css under Styles in Editor, only style.css and custom.css. Am I missing something?

Many thanks in advance

Hey Julius,

Problem is, there’s no wpp.css under Styles in Editor, only style.css and custom.css. Am I missing something?

That’s because they had previously copied the wpp.css stylesheet (wordpress-popular-posts/style) into their theme’s directory which is why they were able to access it via wp-admin > Appeareance > Editor.

Since you haven’t done that, you can only find it via Plugins > Editor > WordPress Popular Posts.

After you’re done making changes to the stylesheet, you should copy it into your theme’s directory. Otherwise, next time you update WPP all changes will be lost since all files are overwritten automatically by WordPress.

Hi Hector, thanks for your quick response.

I made the changes as per your instructions – no change unfortunately. I did notice however that wpp.css is marked as “inactive” in the editor. I’m guessing this is because I tried to edit it while the plugin was active. Should I deactivate and edit wpp.css again?

Many thanks

Nope, you should be able to edit the stylesheet normally. It also appears as “inactive” for me but I was still able to edit it.

Hello,if the right steps are to edit the ‘wpp.css’ (plugins/editor) and add only the line ‘margin-bottom: 8px!important;’ in ‘.wpp-list li’ then it doesnt work for me.

Am i doing something wrong?

Hi Nick,

Your theme might be forcing different properties to the listing. If you share your site’s URL I’ll be glad to take a look into it for you.

Im using the Hueman theme…

Ok, in your case, find this line:

/*display:inline-block;*/ /* <-- uncommenting this line is recommended when using post thumbnails */

… and change it to:

display:inline-block; /* <-- uncommenting this line is recommended when using post thumbnails */