How to change multistep process icon?

[josant8]

Hei hello, How to change multistep process icon with another icon?

Not the number but the darkblue icon on background

• This topic was modified 4 years ago by josant8.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Thanks for contacting us and choosing our product!
About this issue now we are using SVG image as background to help it change color as primary color.
If you see this screenshot:
https://prnt.sc/q2bjkg
You need change mask-image url.
The solution is add custom CSS code in Appearance -> Customize -> Additional CSS:

.process-step__number {
-webkit-mask-image: url(../pangja/assets/images/bg-icon-box.svg);
mask-image: url(../pangja/assets/images/bg-icon-box.svg);
}

You need change bg-icon-box.svg to new image.
You can easy find SVG icon here: https://www.flaticon.com/free-icons/printer
Here is topic to add SVG class icon:

How to add new SVG class icon to Pangja theme

Hope this help!

****
Regards,
HaruTheme

[josant8]

Hei thanks for the answer,
its work perfectly

thank you very much

[admin]

Thanks for your feedback!

****
Regards,
HaruTheme

[Author]

Posts