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 Me gusta
1 Soluciones aceptada
Kevin-C
Solución
Experto reconocido | Partner
Experto reconocido | Partner

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

Ver la solución en mensaje original publicado

1 Respuesta 1
Kevin-C
Solución
Experto reconocido | Partner
Experto reconocido | Partner

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