Thumbnail design

Beautiful website I must say. Just for curiosity reasons are you using Oxygen Builder as your theme builder. That’s my favorite also.

But I have to apologize for the confusion I probably haven’t updated the readme.txt file correctly. No longer does size='20x20' work to change the size of the image straight out. What goes in there now is the thumbnail size you want to use. Below is a couple of examples.

Here are the default sizes WordPress creates:

the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max)
the_post_thumbnail('medium_large');    // Medium Large resolution (default 768px x 0px max)
the_post_thumbnail('large');           // Large resolution (default 1024px x 1024px max)
the_post_thumbnail('full');            // Original image resolution (unmodified)

So what you would to is put the name of the sizes in between the quotes.

I will list all of the image sizes just to be clear:

1. size='thumbnail' which is the default that you are using now.
2. size='medium_large' which gives you the 768px image above.
3. size='large' which of course gives you the 1024px x 1024px image.
4. size='full' which will give you the unaltered image. Then using css you can change the dimensions as you like.

If you have any custom sizes made whether by a plugin or what you have added to the functions.php file or a plugin then just put in the name of that image size.

At the bottom of this WordPress Page they made a custom image size:

add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height) so then it would just be size='category-thumb' and so forth.

Now when you say center your images you mean you don’t want them floating to the left as they are now.

Add this to a custom css file or under customizer or anywhere you may add custom css.

netsposts-block-wrapper { display: flex; justify-content: center; flex-flow: row wrap; }

As far as the little pink blemishes I see you have some empty wrapper with nothing in them and the css is as follow:

.code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}

If you change background-color to background-color: rgba(0,0,0,0); it will make them disappear but might over write the css elsewhere.

Give me an example of what you would like them to look like and I will work up some css for you later. Right now I must leave for work.