Chat Box CSS Customizations

  • I want to change two things in join chat. Refer screenshots for details.

    1. Change “Chat now” button padding from right so it will align with chat bar. SEE IMAGE
    2. Add padding/margin from left in mobile view to avoid cropping. I want to add padding from all sides so it will look clean. SEE IMAGE

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor davidlillo

    (@davidlillo)

    Hello, there are some CSS tricks published here, maybe they can help you. Best regards.

    Plugin Contributor davidlillo

    (@davidlillo)

    In fact I think it’s very simple, try this CSS:

    .joinchat__button {
    margin-right: 10px;
    }

    ScreenShot

    Thread Starter mmkurhade

    (@mmkurhade)

    Thanks. It worked. When I was trying, it was shifting whole box to the left so it was getting cropped.

    But another problem still exists as when I add this, it shifts main button as well.
    I only want to shift “chat now” button and not “whatsapp bubble” button.

    • This reply was modified 3 years, 4 months ago by mmkurhade.
    Plugin Contributor davidlillo

    (@davidlillo)

    Hello, all these elements are part of the same button, which has different states, so they are a single object.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Chat Box CSS Customizations’ is closed to new replies.

Tags