I'm adjusting the styling of the bot and part of it is making the header white but in turn I have to turn the exit X button black but I can't find the CSS for it or what's it named.

You can't change its color because it is an image

can I replace it somehow?

that's what I'm trying to figure out

@late-napkin-38306 @glamorous-guitar-39983

#btn-close:before { background-image: url(https://www.svgrepo.com/show/350281/close.svg)

thanks a ton, i was just looking up the invert func 🤣

But the X button is from another image

imma try this as well if the first method doesn't work

np

I tried it and it just leave the X button transparent

works for me

yeah same for me

ah yeah now it works

Great to see you all figured out ! 🚀

@polite-afternoon-12361 since you're a genius coder lol do you know how I could change the color of the image (and only the image) in this css : .bpw-floating-button::before { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 01-2.555-.337A5.972 5.972 0 015.41 20.97a5.969 5.969 0 01-.474-.065 4.48 4.48 0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; height:undefinedpx !important; width:undefinedpx !important; }

to what colour

if for example I want to turn it to red