WhatsApp
  • Introduction
  • How to upgrade
  • Setup Guide
    • Add account
    • Prefilled message
    • WhatsApp chat widget
      • Vintage theme
      • Online Store 2.0
      • Display widget on specific pages
      • One click to chat
      • Custom availability
      • Show/Hide offline agents
    • WhatsApp chat button
    • Customize
    • Translate text
    • Uninstallation
    • Plans
    • Integrations
      • PageFly
  • Support
    • FAQ
    • How to approve our collaborator request
    • Contact
    • Changelog
Powered by GitBook
On this page
  1. Setup Guide

Customize

PreviousWhatsApp chat buttonNextTranslate text

Last updated 3 years ago

You can customize the appearances of the WhatsApp icon using CSS. Below you can find some useful snippets. Please note that you must be familiar with coding before trying these codes.

The steps are as follows:

  1. Navigate to the theme directory and open Assets folder

  2. Open seedgrow-whatsapp-style.css file

  3. Add your code

  4. Click Save

Change the size of the icon

.wa__btn_popup .wa__btn_popup_icon {
   height: 40px;
   width: 40px;
}
.wa__btn_popup .wa__btn_popup_icon:before {
   background-size: 20px auto;
   -webkit-background-size: 20px auto;
   -moz-background-size: 20px auto;
}