Image Sizing in Info Widget

[rsnell]

I have included an image in an info widget. I have the height and width set in an <img> tag. When the widget is rendered, the image flashes up the size I want and then is almost immediately reduced to 24x24. Is there something special I need to do to get the image to render as I have defined?

[sean.lanktree]

I cannot replicate this...can you post your markup for the info widget?

[Johnny Major]

Can you provide the current HTML markup that includes the image tag

[rsnell]

Here's what I have in the HTML plus a link to a video of what I see

image.png
https://drive.google.com/file/d/1zYS...usp=drive_link

[sean.lanktree]

Are you just attempting to vertically and horizontally center an image? This may work better:

<div style="display:flex;justify-content:center;align-items:center;">
  <img src="myImage.png"/>
</div>

The x-panel-body-ultraslim class is likely adding some properties that you do not want.

[rsnell]

I'm also trying to make the background transparent for the widget

[rsnell]

Your suggestion made no difference. The image still shrinks

[Johnny Major]

Please send the exact image to support and we will take a look. Also, is the info widget in a section or popup?