My Community Pro Theme Setup

  1. Home
  2. Docs
  3. My Community Pro Theme Se...
  4. Extras
  5. Use Larger Images for Communities/Neighborhoods

Use Larger Images for Communities/Neighborhoods

​If you want to use larger images for the Community or Neighborhoods section:

In WordPress, go to Appearance > Customize > Additional CSS
​Add the following:

​
/* Larger Community Images */
.display-posts.community.grid img {
    width: 360px !important;
}
@media only screen and (min-width: 1024px) {
	.display-posts.community.grid {
		grid-template-columns: repeat( auto-fit, minmax(360px, 1fr) );
	}
}

 

Click the Publish button at the top.

If you were using a different theme before using My Community theme, you will probably need to create the image sizes used by the theme. Here's how.

Add Regenerate Thumbnails
Install Regenerate Thumbnails plugin and Activate

  1. Go to Plugins > Add New
  2. Search for Regenerate Thumbnails .
  3. Install and Activate it.

Use Regenerate Thumbnails

  1. Go to Media > Library
  2. If you are on the grid layout, click the little list layout icon
  3. Click Screen Options in upper right corner
  4. Change Number of items per page to 100
  5. Click the check box to select all the images on that screen
  6. In Bulk Actions box, choose Regenerate Thumbnails and Apply
  7. On the Regenerate Thumbnails screen, leave the check boxes and click the big blue “Regenerate Thumbnails” button.
  8. Repeat for additional Media screens.
  9. Then you can Deactivate and Delete Regenerate Thumbnails