Live Helper Chat support forum.. Forum is locked. New place for questions - Github Discussions

You are not logged in.

Announcement

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

holycow
New member
Registered: 2021-08-29
Posts: 7

Input boxes render as top z ordered layer

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)

Offline

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

PeopleInside
Administrator
From: Italy
Registered: 2014-04-10
Posts: 4,046
Website

Re: Input boxes render as top z ordered layer

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


lol PeopleInside - Live helper chat - free limited forum support!
wink For commercial support or GitHub [see FAQ here]
ops If you want to support this open source project, just donate [see support page]
glasses Something wrong with the forum? [contact a superhero]

Offline

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

holycow
New member
Registered: 2021-08-29
Posts: 7

Re: Input boxes render as top z ordered layer

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

Offline

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

PeopleInside
Administrator
From: Italy
Registered: 2014-04-10
Posts: 4,046
Website

Re: Input boxes render as top z ordered layer

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.


lol PeopleInside - Live helper chat - free limited forum support!
wink For commercial support or GitHub [see FAQ here]
ops If you want to support this open source project, just donate [see support page]
glasses Something wrong with the forum? [contact a superhero]

Offline

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

holycow
New member
Registered: 2021-08-29
Posts: 7

Re: Input boxes render as top z ordered layer

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.

Offline

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

PeopleInside
Administrator
From: Italy
Registered: 2014-04-10
Posts: 4,046
Website

Re: Input boxes render as top z ordered layer

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


lol PeopleInside - Live helper chat - free limited forum support!
wink For commercial support or GitHub [see FAQ here]
ops If you want to support this open source project, just donate [see support page]
glasses Something wrong with the forum? [contact a superhero]

Offline

Board footer