Thread: This is how to Make Thumbnail Images Larger 100 x 100 on home page

This is how to Make Thumbnail Images Larger 100 x 100 on home page

I have searched and searched and searched to make the thumbnails bigger on the main page. But could not find the answer on how to do it. well I finally
sat down and did this myself.

First let me say this is what I did on my directory at the moment it is local.
I'm going to go through the procedure on how to do it step by step..
If you can't do this yourself or need someone to do it for you, go to http://www.phpbbmodinstalls.com and fill out the contact form.

First Make a backup of everything. Database and files.
Login to you back-end Admin dashboard
Go to Settings >> Media
Change
Thumbnail size to 100 x 100
Medium size to 400 x 400
Large size to 1024 x 1024

If you have an already developed site with images you will need to regenerate your thumbnails.
I did not have to do this since my site was a new one. but you can use Regenerate Thumbnails plug-in to do it.

https://wordpress.org/plugins/regenerate-thumbnails/


Then open up style.css with a text editor

Find
p {

Change
margin-top: 10px;
to
margin:10px 150px 0 50px;

Find
.listing_thumbnail {

Change
max-width: 50px;
to
max-width: 100px;


Find
article > h2 {

Change
margin:0 0 6px 0;
to
margin:0 0 6px 50px;


Find
article.listing p.listing-cat,
article.listing p.listing-phone,
article.event p.event-cat,
article.event p.event-phone {

Change
margin:0 16px 0 0;
to
margin:0 16px 0 50px;


Find
article.listing p.listing-address,
article.event p.event-address {

Change
margin:0;
to
margin: 0 0 0 50px;

Save and close editor
Upload to Website to your vantage theme.
Clare cache if you have a caching plugin.
Reload page
Like my How To Thread