How can I change the Close Icon(X) for the steps and replace it with skip or any other icon?

tnicola / ngx-joyride

Angular Joyride/Tour library

https://tnicola.github.io/ngx-joyride/

MIT License

245 stars 98 forks source link

Open rooptejaitha opened 4 years ago

rooptejaitha commented 4 years ago

I want to change the close Icon for every step. And I want to give my own icon there. Is it possible?

mwamufiya commented 3 years ago

I haven't seen an option for that via configurations, but how I addressed is is with CSS.

using the following, you can hide the svg for the "x", and use the :after pseudo selector to place the text you want.

.joyride-step__close { grid-column: 2 / 1; svg { display: none; } } .joyride-step__close:after { content: "Skip" }