Comment on page

More customization with CSS

You can also customize the widget and button text by adding the CSS code to:
  • Themes use classic editor: WooCommerce > Appearance > Customize > Additional CSS
  • Themes use block editor: {your-domain}/wp-admin/customize.php >Additional CSS
You can edit with the following elements:
  1. 1.
    Widget Text: #wa .wa__popup_title
  2. 2.
    Description: #wa .wa__popup_intro
  3. 3.
    Response Time Text: #wa .wa__popup_notice
  4. 4.
    Account name (Widget): #wa .wa__member_name
  5. 5.
    Title: #wa .wa__member_duty
  6. 6.
    Widget Label Text: #wa .wa__btn_popup_txt
  7. 7.
    Account name (Button): .wa__cs_info .wa__cs_name
  8. 8.
    Online (Account status): .wa__cs_info .wa__cs_status
  9. 9.
    Button Label: .wa__btn_txt .wa__btn_title
eg:
  • Font name : 'Open Sans'
  • Size : Account name : 18
Button Label : 18
Title : 16
Text : 14
Widget Text : 18
Widget Label Text : 16
Response Time Text : 14
Description : 16
#wa .wa__member_name, #wa .wa__cs_name, #wa .wa__btn_title{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
#wa .wa__member_duty, #wa .wa__popup_intro, #wa .wa__btn_popup_txt{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
#wa .wa__popup_notice{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}