Modifying the Featured Image in Masonry Blog view

dharborne

Hi there,

I would like to make two changes to the Featured Image that appears in the Masonry Blog view.

1. Center Align the image
2. Vertical Align the image, and crop to 300px (removing the top and bottom of the image)

How would I go about doing this?

Albert

Hi,

what is the link to page where you want to do this?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dharborne

An example page is here: http://deafsports.nz/deafgames/category/sports/darts/

I am working on populating this website, so there will be more content being added soon.

Albert

Ok.

1. So to align the image, please use the following css:

.masonry .post-photo-wrapper { text-align: center !important; }

2. You can not align the images vertically but if you want to crop images and change their sizes, you must play with functions/theme-functions.php file where add_image_size() functions are.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next