Input boxes render as top z ordered layer

holycow · 2021-09-06 13:54:41

I am testing Live Helper Chat in Wordpress. Integration and features work perfectly, the only issue that I have run into is the rendering of the input fields. They render as the topmost z ordered layer overlaping css divs in the theme that are "overlays". So,for example, it isn't uncommon for a wordpress theme with a search icon to overlay a div over the whole site and present a search field / results in the overlay, I am sure everyone has seen this kind of feature.

Right now the Live Helper Chat input boxes all render above these search field overlay features in the theme.

Are there any ways to control this in Live Helper Chat it self? I did not see anything in the documentations about variables of the embeded widget that could address this.

Any suggestions?

Thanks.

Last edited by holycow (2021-09-06 13:55:07)

PeopleInside · 2021-09-06 17:16:13

Hi, welcome in the live helper chat!
Are you using the embed code or a Wordpress plugin?

holycow · 2021-09-06 20:06:56

Embed code, no Wordpress plugin. I actually couldn't find one, let me check the documentation maybe?

PeopleInside · 2021-09-06 20:08:37

No, it's ok. The Wordpress plugin is not updated!
I use the widget chat on my Wordpress website and I don't see any issue.

I suggest to wait for developer reply.

holycow · 2021-09-07 00:13:40

I found a post on the forum that I missed earlier. The easy solution was to go into the wordpress theme and set a custom css property on the correct "object".

I hope that helps someone else as well.

Thanks for following up PeopleInside.

PeopleInside · 2021-09-07 05:02:45

Great, thanks for sharing.
The banal solution is the solution in this case so work with CSS in your WordPress theme.
cool

Announcement

#1 2021-09-06 13:54:41

Input boxes render as top z ordered layer

#2 2021-09-06 17:16:13

Re: Input boxes render as top z ordered layer

#3 2021-09-06 20:06:56

Re: Input boxes render as top z ordered layer

#4 2021-09-06 20:08:37

Re: Input boxes render as top z ordered layer

#5 2021-09-07 00:13:40

Re: Input boxes render as top z ordered layer

#6 2021-09-07 05:02:45

Re: Input boxes render as top z ordered layer

Board footer