Full-width Image in Cornerstone – Themeco Community

Full-width Image in Cornerstone

peacefulbirder — Tue, 02 Jun 2015 22:47:24 +0000

How do I make an image full-width in Cornerstone? I tried both of the following codes in the Style field for the image in the Inspector:
width=”100%”
width:100%

I want the image to go completely from side to side without showing any of the background.

Reply To: Full-width Image in Cornerstone

CharliePryor — Wed, 03 Jun 2015 00:36:21 +0000

Make sure you have the following conditions as true:

1) Page Template: Blank – No Container…

2) Row settings: Column Container = OFF

Hope that helps,

– Charlie

Reply To: Full-width Image in Cornerstone

peacefulbirder — Wed, 03 Jun 2015 01:11:40 +0000

Thank you, Charlie.

Where do I find the row settings in Cornerstone?

Reply To: Full-width Image in Cornerstone

peacefulbirder — Wed, 03 Jun 2015 01:28:31 +0000

Never mind, I found it!

Thank you again for your speedy help.

Reply To: Full-width Image in Cornerstone

Rubin — Wed, 03 Jun 2015 13:37:15 +0000

You’re welcome!

Reply To: Full-width Image in Cornerstone

Mark C — Thu, 18 Jun 2015 20:27:26 +0000

I have checked all of those options/items and cannot get a full width picture. Any other tips?

Reply To: Full-width Image in Cornerstone

Mark C — Thu, 18 Jun 2015 20:37:13 +0000

Something is causing images that I bring in that should be full width to be smaller than their native size, but I sure can’t find anything. The original pictures are 1920×1080, so they are plenty big enough and they look correct in Cornerstone, but when I look at the published site, they are much smaller and don’t span the entire width. I can even see when I inspect the element that it is smaller, but I can’t find the cause. Any ideas?

Reply To: Full-width Image in Cornerstone

Trevis B — Thu, 18 Jun 2015 20:55:50 +0000

I’m having the same issue Mark. It’s either displaying 2/3s of the length of the actual image or I have to add it into a slider and then, the image is blurry.

Reply To: Full-width Image in Cornerstone

Mark C — Thu, 18 Jun 2015 20:58:00 +0000

Just to add a bit more clarity (no pun intended), when I look at the images in Cornerstone, they are sharp and clear and span the entire width – but when I save and look at the live side, things are reduced in size and clarity.

Reply To: Full-width Image in Cornerstone

Friech — Fri, 19 Jun 2015 03:28:58 +0000

Hi There,

I could not replicate the issue on my end. I can make the image full-width by turning off the Column Container option of the ROW where the image is. Please provide us the site URL so we could take a closer look.

Thanks!