Images being cut off in tablet view

Hello Kat-

By default on Desktop and Tablet sizes, the image will cut off the top and bottom of the image to fit it with 100% width and 200 pixels in height. One way to make sure that your text always shows up in these previews is to make sure the text is within the middle 200 pixels of the image height.

If you don’t want to redesign your images, here’s what you can do. View the page with your blog posts list, and click Customize, then navigate to Advanced > Custom JS & CSS.

If you need to see the entire image, regardless of the device, try CSS code like this:

.bgc-single-image { 
	height: 315px; 
	background-size: contain;
}

This will set the height to half of the full size of your image (630 pixels) and scale the image to fit inside the container.