CMS Development

RJH147
Participante

Removing borders around broken images on iOS

resolver

I run a site with dual branding. A national brand paired with a local brand.

On a landing page created via hubspot I've added a rich text module to house a static image for the national brand (always present) and an coded image sourcing from on online collection of images with the suffix of a dynamic code injection from our Hubspot records. 

 

The intention is that someone who we have the details of visits the site then they get the local brand as well as the national. This is working in the most part however for iOS visitors, when the image doesn't render, a black box appears as below.

 

IMG_7826.PNG

 

Any idea how I could resolve this? FYI my html skills are intermediate at best.

0 Avaliação positiva
1 Solução aceita
Kevin-C
Solução
Especialista reconhecido(a) | Parceiro
Especialista reconhecido(a) | Parceiro

Removing borders around broken images on iOS

resolver

Hey RJH147,

 

This issue tends to happen in emails when a boarder isn't explicitly set on an image.

Try the following:

With css set the border-style to none,img { border-style: none;}.

And the inline border attribute border="0".

 

Let me know if this helps get you to your goal!

Kevin Cornett - Sr. Solutions Architect @ BridgeRev

Exibir solução no post original

1 Resposta 1
Kevin-C
Solução
Especialista reconhecido(a) | Parceiro
Especialista reconhecido(a) | Parceiro

Removing borders around broken images on iOS

resolver

Hey RJH147,

 

This issue tends to happen in emails when a boarder isn't explicitly set on an image.

Try the following:

With css set the border-style to none,img { border-style: none;}.

And the inline border attribute border="0".

 

Let me know if this helps get you to your goal!

Kevin Cornett - Sr. Solutions Architect @ BridgeRev