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

Question

我已将Zopim Chat Widget集成到我的Magento商店中，它与我的部分内容重叠。我想通过覆盖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

never[]