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

Question

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

这是我发现的:

.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允许您更改聊天小部件的大小和位置