Change colour of facebook messenger plugin SVG to black

[onyx_au]

Hey guys

How do I change the SVG of FB’s plugin to black from white ion css? The SVG doesn’t have an ID or link and I can’t figure it out. The plugin settings does have a change colour option, only the button colour.

Website

www.onyxhive.com.au

Thanks!

[PageFly-Victor]

Hi @onyx_au

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.scss.css

path{
fill: black !important;
}

Hope this answer helps.
Best regards,
Victor | PageFly

[onyx_au]

Thanks,

But that changed all of the SVGs on my website to black and it didn’t change the facebook SVG in the plugin.

[GemPages]

Hello @onyx_au

It’s GemPages support team and glad to support you today.

Unfortunately, this icon is in an iframe - taken from a 3rd party so it can’t be edited

You should find the support of the party that provided this code.

[PageFly-Victor]

help me add this code on file theme.css or file theme.liquid

#facebook svg path {
 fill: black !important;
}

[onyx_au]

@GemPages Thanks, thought as much since it’s facebook’s brand…

@PageFly-Victor Done but hopefully there’s some luck lol

[ExpertRookie]

Hi @onyx_au
in this case you cannot change the color by add some custom css code,
You should contact with app supporter, they will help you change the style in app.

[onyx_au]

@ExpertRookie Thanks, but its facebook’s official plugin, it’s already hard enough contacting their business chat, let alone asking to change their branding which I know they’re not gonna do for me.

But thanks! I’ll just leave it white, not a big deal.