我已將Zopim聊天窗口小部件集成到我的Magento商店中,它與我的內容的部分重疊。我想通過覆蓋Zopim CSS來改變Zopim-Button的寬度。覆蓋Zopim聊天窗口小部件的CSS以減少重疊
這是我發現:
.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;
}
它沒有工作,我雖然希望的方式。
我該怎麼做?
什麼是你希望它會工作方式的大小和位置?另外,檢查你是否在原始CSS文件之後加載你的'ui.css'。 – Anko
@Anko:我想寬度是156px修復。現在需要知道在我的ui.css之後或之前是否加載Zopim CSS。任何提示如何檢查? – sbxo
您的CSS文件按照它們['link'](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)在您的HTML中的順序加載。 – Anko