2013-07-07 74 views
0

我已將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; 
} 

它沒有工作,我雖然希望的方式。

我該怎麼做?

+0

什麼是你希望它會工作方式的大小和位置?另外,檢查你是否在原始CSS文件之後加載你的'ui.css'。 – Anko

+0

@Anko:我想寬度是156px修復。現在需要知道在我的ui.css之後或之前是否加載Zopim CSS。任何提示如何檢查? – sbxo

+0

您的CSS文件按照它們['link'](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)在您的HTML中的順序加載。 – Anko

回答

0

Zopim有API,允許您更改聊天窗口小部件

1
I think this link will help you 

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

儘管此鏈接可能回答此問題,但最好在此處包含答案的重要部分,並提供供參考的鏈接。如果鏈接頁面更改,則僅鏈接答案可能會失效。 - [來自評論](/ review/low-quality-posts/18252526) – tgogos