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
posta 10 mesi fa67 visualizzazioni
Nessuna risposta

Accesso non effettuato. Accedi per postare una risposta.

Una buona risposta soddisfa chiaramente la domanda, fornisce un feedback costruttivo e incoraggia la crescita professionale del richiedente.

Linee guida per rispondere alle domande