Archived topic

Centering a div class

3 replies · Started by Liran on April 25, 2021

Viewing posts 1–4 of 4

April 25, 2021 at 6:57 am #1748222

Hey,

I have a chatbox inside one of my pages (link is in the private box). Is it possible to center it or even set the width? I cannot seem to come up with the CSS to do it.

Thanks!

April 25, 2021 at 7:22 am #1748258

Hi there,

you can try this CSS to force the form to fill the width of the content:

#page .ja-gadget-virtual-assistant-inline.cleanslate .th-chat-window-inline .modal.size-450x400 {
  width: 100% !important;
}

Or instead use this CSS to center it in the page:

#page .ja-gadget-virtual-assistant-inline.cleanslate .th-chat-window-inline .modal.size-450x400 {
    margin-left: auto !important;
    margin-right: auto !important;
}

the !important statement is necessary as the plugins CSS is using them :(

April 25, 2021 at 7:45 am #1748311

That did it! Your support is amazing.

April 25, 2021 at 7:57 am #1748323

Glad to be of help!

This archived topic is closed to new replies.

Start building better websites today.