Image Get Cut Off After Publish

I’m using classic image element and it show up nicely last month and didnt touch anything after that. Strangely, the image got shrink. But it show up okay in cornerstone. I’ve attached two pic for your reference. Please kindly assist.

Hi there,

Please add this code to the Element CSS of the image element:

$el {
  display: block;
}

$el img {
  width: 100%;
}

Hope this helps.

Hi thanks for the coding. I have been searching for where to input following your instruction but I can’t. Please kindly point me to where should I insert the following code

$el {
display: block;
}

$el img {
width: 100%;
}

Hey Jeffrey,

The instruction is provided in our Element CSS article provided by @Jade. See https://theme.co/apex/forum/t/features-element-css/20500/1

If that does not help, please watch https://youtu.be/Mn7tmCIRdB8

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.