Icon color | WordPress.org

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.

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

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