Why are my custom HTML images not displaying on pages?

When I use the “Custom Content” section and use HTML to insert an image - the images do not appear. A space appears that the image should be in, and when I inspect source on the live site, I can see it in the code, but for some reason it does not appear on the page. Am I doing something wrong to make the image not show up?

I’ve tried a bunch of different methods, but everything gives the same result. Its almost like the image is being hidden behind something, or something is forcing it to not appear on the page.

Can anyone help with this?

Using “Impulse” theme

https://lineagewatchco.com/

PW: Polska711!

@TylerK_Bastion

Hello,

please add below code above </body in theme.liquid

online store >> edit code >> theme.liquid

.custom__item-inner .rte img{ opacity:1!important; }

after added the given code

if our solution helpful for you then please like the post and tap on accepted.

if you want to discuss further information then you can contact us.

Thankyou :slightly_smiling_face:

Hi @TylerK_Bastion

Please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
.custom__item-inner.custom__item-inner--liquid img {
    opacity: 1;
    margin: auto;
}

Result here