[M PezParticipant]

I am just starting to use Cornerstone for the first time and I am struggling with the image module.

I have created a section with two columns. I am simply try to insert an image into each column and I want both images to be cropped (center to center) to an aspect ratio of 16:9. (The original images are both different sizes and aspect ratios.)

(please see my site link below for an example of the page that I working on)

How can I define these parameters inside of Cornerstone:

1. How do I define the aspect ratio of the image?

2. If the original image is very large, can I use one of the existing thumbnails…or will Cornerstone auto-create a new thumbnail so the original image is not being used?

3. How do I make an image that is smaller than the container’s width expand to fill the width?

Thanks.

[M PezParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in!

#1. You can set width: 100%; to the Style field of the image.

#2. Cornerstone will just use your uploaded image, original size.

#3. #1 will do the job for this. If you want to fill the height and width both then you should use as background image instead image and set a min-height for the columns.

Hope this helps.

[M PezParticipant]

Thanks.

Is it possible for me to reference an image thumbnail instead of using the original image?

For example, the Large thumbnail or one of the X Theme’s thumbnails?

[RadModerator]

Hi there,

Image element doesn’t have that option. It will simply pick the URL of the actual image, or by manually adding URL through shortcode. Hence, it’s somewhat not connected to WordPress Media. It’s made to work internal and external images.

Thanks!

[Author]

Posts