Tried css, style etc. cannot change it from black to white.
Must be missing something, any ideas?
It seems the offcanvas close button uses an svg image, not an icon. You can customize it by changing the fill color from fill='%23000' to fill='%23fff' to make it white:
.offcanvas .btn-close {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}
3 Likes
Works a treat Teodor…would never have been able to find that solution on my own!!
Thanks a lot 
Definitely bookmarking this thread. 
2 Likes
Seems there’s also a white class for this: .btn-close-white - just add it to the button and it will make it white.
4 Likes