Icon color | WordPress.org

Plugin Support
Bruce

(@ninjateamwp)

Hello,

Thanks for coming today.

Please refer to the screenshot here on how to change the widget color:
https://drive.google.com/file/d/1arTHwf609JbNVlVhvs8LPq_p2GXgdAip/view?usp=drivesdk

Hope that helps.

Regards,
Bruce

Hello Bruce!
Thanks for your answer! 🙂

Sorry, I worded my question incorrectly.

I didn’t mean the background of the button, but the WhatsApp symbol itself.

I created the background in the (very light) company color. There is the WhatsApp icon on it, which is white by default. I didn’t find any settings for this icon.

I hope that was a little more understandable now.

Thank you for reading and your effort.

Plugin Support
Bruce

(@ninjateamwp)

Hi @sinnesfreude ,

The color you’d like to change is this white color?

https://drive.google.com/file/d/1Q3ynBHSnAnDGXxQq6Vdmpc-Hrnl3Gdf8/view?usp=drivesdk

Regards,
Bruce

Plugin Support
Bruce

(@ninjateamwp)

Hi @sinnesfreude,

Let me check the possibility, and we will get back to you as soon as possible.

Regards,
Bruce

Thank you very much for your efforts, Bruce!

Hello @sinnesfreude,

Greetings of the day!

Please follow our guide here to solve the issue.

  1. Access https://yoksel.github.io/url-encoder/

And paste the code as below into “Take encoded” text box.

data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20478.165%20478.165%22%20style%3D%22enable-background%3Anew%200%200%20478.165%20478.165%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpath%20d%3D%22M478.165%20232.946c0%20128.567-105.057%20232.966-234.679%20232.966-41.102%200-79.814-10.599-113.445-28.969L0%20478.165l42.437-125.04c-21.438-35.065-33.77-76.207-33.77-120.159C8.667%20104.34%20113.763%200%20243.485%200c129.623%200%20234.68%20104.34%20234.68%20232.946zM243.485%2037.098c-108.802%200-197.422%2087.803-197.422%20195.868%200%2042.915%2013.986%2082.603%2037.576%20114.879l-24.586%2072.542%2075.849-23.968c31.121%2020.481%2068.457%2032.296%20108.583%2032.296%20108.723%200%20197.323-87.843%20197.323-195.908%200-107.886-88.6-195.709-197.323-195.709zM361.931%20286.62c-1.395-2.331-5.22-3.746-10.898-6.814-5.917-2.849-34.089-16.497-39.508-18.37-5.16-1.913-8.986-2.849-12.811%202.829-4.005%205.638-14.903%2018.629-18.23%2022.354-3.546%203.785-6.854%204.264-12.552%201.435-5.618-2.809-24.267-8.866-46.203-28.391-17.055-15.042-28.67-33.711-31.997-39.508-3.427-5.758-.398-8.826%202.471-11.635%202.69-2.59%205.778-6.734%208.627-10.041%202.969-3.287%203.905-5.638%205.798-9.424%201.913-3.905.936-7.192-.478-10.141-1.415-2.849-13.01-30.881-17.752-42.337-4.841-11.416-9.543-9.523-12.871-9.523-3.467%200-7.212-.478-11.117-.478-3.785%200-10.041%201.395-15.381%207.192-5.2%205.658-20.123%2019.465-20.123%2047.597%200%2028.052%2020.601%2055.308%2023.55%2059.053%202.869%203.785%2039.747%2063.197%2098.303%2086.07%2058.476%2022.872%2058.476%2015.321%2069.115%2014.365%2010.38-.956%2034.069-13.867%2038.811-27.096%204.66-13.45%204.66-24.766%203.246-27.137z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E

2. Change color
3. Copy “Ready for CSS”
4. Add custom CSS in “Additional CSS” (WordPress admin Appearance > Customize)
 
Paste inside the code

.wa__btn_popup .wa__btn_popup_icon:before { //Code should be pasted in here }

Also, you can follow the screencast here for more details https://drive.google.com/file/d/1oW3gk621w6Kqj05Ea2eeUXEfZd1J_u_7/view?usp=sharing

Hope that helps.

Best regards,

Mia

Hello Mia!

Thanks so much for the great solution! 🙂 It works perfectly!

Kind regards

Michael

Hello @sinnesfreude ,

Glad to hear it works as expected.

If it’s possible, can you leave the plugin a nice review please?

https://projectdmc.org/plugins/wp-whatsapp/#reviews

Your review will motivate us to develop more plugins in the future and have awesome customers like you.

Thank you in advance and have a great day.

Kind regards,
Mia

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer