Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 5, 2019 at 7:08 pm #1154048
    bobfurgo

    Hi guys! I’m using a live chat plugin (https://wordpress.org/plugins/wp-live-chat-support/) for my site but want to override some of the css. For example: 

    #speeching_button, #wplc_start_chat_btn, #wplc_na_msg_btn {
border-radius: 0px !important;
font-family: lato !important;
}

    I know I can go into the plugins files to do this but I know anything I change will be overwritten when there are updates. Are there any suggestions you have on how i can over write the css but have it stay with updates?

    Secondly, the chat icon png used in the chat button (bottom right) is blurry. How can i replace this with a svg from the enfold font pack or non blurry version?

    Thanks in advance!

    November 9, 2019 at 10:12 pm #1155255
    Mike

    Hey bobfurgo,
    Sorry for the late reply, I was able to get past your htaccess login, but couldn’t login to WordPress, but it’s ok I was able to examine your site and adjust your css so it will work. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #wplc_hovercard #wplc_hovercard_bottom #speeching_button, #wp-live-chat-inner #wplc_message_div #wplc_na_msg_btn {
border-radius: 0px !important;
font-family: lato !important;
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.