css - 覆盖 Zopim 聊天小部件的 CSS 以减少重叠

Question

我在我的 Magento 商店中集成了 Zopim 聊天小部件，它与我的部分内容重叠。我想通过覆盖 Zopim CSS 来更改 Zopim-Button 的宽度。

这是我发现的：

.meshim_widget_components_chatButton_Button {
    min-width: 180px;
    max-width: 300px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #A0B105;
    color: #FFFFFF;
    border: none;
}

我试图通过添加在我的 Magentos ui.css 中覆盖它

.meshim_widget_components_chatButton_Button {
    min-width: 156px !important;
    max-width: 156px !important;
}

但它并没有像我希望的那样工作。

我该怎么做？

Answer 1

Zopim 有一个API，允许您更改聊天小部件的大小和位置

Answer 2

I think this link will help you 

https://api.zopim.com/files/meshim/widget/controllers/liveChatAPI/Window-js.html#$zopim.livechat.window.setSize