覆盖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