Chat Widget in Amazon Connect uses a class style that conflicts with the host web page

0

I'm using Amazon Connect and setting up the widget on my web page. All goes well, except the widget has a margin style that conflicts with a style on the host website page.

The style on the host website is:

.logo { position:relative; float: left; margin: 5px 0 0 80px; }

Note the margin is 80px on the left. I don't have any control over this style, as it is my customer's website and under control of his webmaster.

The iframe containing the Amazon Connect widget looks like this:

<iframe id="amazon-connect-chat-widget-iframe" class="show logo " ...

Note that the iframe uses a class style "logo" which automatically inserts a blank 80px frame on the left side of the widget, which really screws up the view.

I believe this iframe is being inserted dynamically by the amazon_connect() call within the JavaScript snippet. Is there any way that I can get rid of this "logo" class on the iframe element? I'm not using a custom logo for the widget at this point, so I don't need the logo class. When I "inspect" the web page in Chrome and remove the logo class from the iframe element, everything looks perfect.

Thanks!

Dan
asked 9 months ago64 views
No Answers

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions