Modifying the Featured Image in Masonry Blog view

dharborne · January 2016

Hi there,

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

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

How would I go about doing this?

Albert · January 2016

Hi,

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

dharborne · January 2016

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 · January 2016

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.

Modifying the Featured Image in Masonry Blog view

Comments