CMS Development

RJH147
Teilnehmer/-in

Removing borders around broken images on iOS

lösung

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 Upvotes
1 Akzeptierte Lösung
Kevin-C
Lösung
Trendsetter/-in | Partner
Trendsetter/-in | Partner

Removing borders around broken images on iOS

lösung

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

Lösung in ursprünglichem Beitrag anzeigen

1 Antwort
Kevin-C
Lösung
Trendsetter/-in | Partner
Trendsetter/-in | Partner

Removing borders around broken images on iOS

lösung

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