Support » Plugin: TOCHAT.BE » Appearance improvements

  • Hello guys, how are you?

    I believe they could improve the plugin display a little for when we don’t want to insert a text in the floating whats button.

    Keeping only the floating button.

    I made some small tweaks to the CSS and I think it turned out pretty cool.

    .tochatbe-widget__trigger {
        padding: 13px;
        border-radius: 50%;
    }
    
    .tochatbe-icon-whatsapp {
        margin-right: 0;
    }
    
    .tochatbe-icon-whatsapp svg {
        width: 30px;
    }
    
    .tochatbe-support-person {
        border: none;
        border-bottom: 1px solid #f5f5f5;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all 100ms ease-in-out
    }
    
    .tochatbe-support-person:hover {
        border-radius: 8px;
        padding-left: 5px;
        box-shadow: 0 0 30px rgb(19 17 34 / 9%);
    }
    
    .tochatbe-support-person__img {
        width: 60px;
        height: 60px;
    }
    
    .tochatbe-widget__body-header {
        padding: 20px;
    }
    
    .tochatbe-widget {
      opacity: 0;
      animation: moveUpWithFade 2s forwards;
      animation-delay: 1.3s;
    }
    
    @keyframes moveUpWithFade {
      from {
        transform: translateY(100%);
        opacity: 0;
      }
      to {
        transform: translateY(0%);
        opacity: 1;
      }
    }
    

    If it is of interest, apply this model in the future.

    Your plugin is fantastic.
    I only advise you to improve the interface, so that it is perfect.

    Thank you very much for your contribution.

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

  • You must be logged in to reply to this topic.