CMS Development

RJH147
Participant

Removing borders around broken images on iOS

SOLVE

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 Accepted solution
Kevin-C
Solution
Recognized Expert | Partner
Recognized Expert | Partner

Removing borders around broken images on iOS

SOLVE

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

View solution in original post

1 Reply 1
Kevin-C
Solution
Recognized Expert | Partner
Recognized Expert | Partner

Removing borders around broken images on iOS

SOLVE

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