So my issue is that I am trying to add the Wise Chat plugin to my Wordpress website so I have a live chatroom for users. I have added the chatroom to my site and it looks fine when I'm in editor mode in Elementor however when I preview it it looks different.
The first two screenshots is how its supposed to look, with the avatar, username and message being inline.
The 3rd and 4th screenshot is how it currently appears live on the website currently, the link is here [login to view URL]
In the last 2 screenshots you can see how how the avatar, username and message are all in a vertical line, I want this changed to it is alligned horizontally like in the first 2 images.
I'm unsure how to correct this so the live version looks like the first image. I read that with Wise-Chat the appearance can sometimes change due to the theme (currently my site is using the Astra theme, which I'd prefer not to change). Also it said that some plugins may interfere with Wise-Chat.
Would love to see if you are able to fix this for me, I'm sure its not too hard to fix, but I just don't know how to do it. If you fix it quickly and are affordable I will most likely use your services again for future wordpress, css, php and coding assistance.
Look forward to your response.