중복을 줄이기 위해 Zopim 채팅 위젯의 CSS 덮어 쓰기

Magento 스토어에 Zopim 채팅 위젯을 통합했으며 내 콘텐츠의 일부를 겹칩니다. 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; 
}

나는

.meshim_widget_components_chatButton_Button { 
    min-width: 156px !important; 
    max-width: 156px !important; 
}

그것은 그래도 난 희망 방식으로 작동하지 않았다을 추가하여 내 Magentos의 ui.css에서 재정의하려고 노력했다.

어떻게해야합니까?

출처

2013-07-07 sbxo

당신이 일하는 것이 기대 방법은 무엇의 크기와 위치를 변경할 수있는 API이있다? 또한 원래 CSS 파일 다음에'ui.css'를로드했는지 확인하십시오. – Anko

@Anko : 폭을 156px로 수정하고 싶습니다. Zopim CSS가 내 ui.css 이전 또는 이후에로드되는지 확인해야합니다. 어떤 힌트를 어떻게 확인합니까? – sbxo

귀하의 CSS 파일은 귀하의 HTML에있는 [링크] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) 순으로로드됩니다. – Anko

Zopim는 채팅 위젯

출처

2015-08-05 21:43:59 Skip

I think this link will help you 

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

출처

2017-12-14 09:44:19 Ravindra

이 링크는 질문에 대답 할 수 있지만 답변의 핵심 부분을 여기에 포함시키고 참조 용 링크를 제공하는 것이 좋습니다. 링크 된 페이지가 변경되면 링크 전용 답변이 유효하지 않게 될 수 있습니다. - [리뷰에서] (리뷰/저품절 게시물/18252526) – tgogos

중복을 줄이기 위해 Zopim 채팅 위젯의 CSS 덮어 쓰기

답변

관련 문제