My status icons do not show when site is published or in preview

Community resources General
1

Good day,
Four status icons are stacked in one div block on a cms template page. Each icon has conditional visibility depending on the status of the item. Everything works in the designer, but they do not show in the preview or published version. How can I correct this issue? Thank you for any advise.

2

Hello @jillbascome, to fix your issue just give your status_icon class a width and height of 100%. I hope this helps!

3

I would solve it in two ways

  • wrap the image in a wrapper, give the wrapper a fixed value (w 2rem x h 2rem) and the image w 100% h 100%
  • or just give to the image the desired value directly

I use the first method more often, because you can have a universal class for all images .img-100-cover {width: 100%; height: 100%; object-fit: cover;}

4

That worked! Thank you so much

1 Like