Icomoon conflict ________

Entrada WP Theme
#1

icomoon conflicts

Hello all,

I have the same issue as seen in this thread : Search Filter Icon

I did follow the method to add my own custom font with icomoon.

My custom-icon are showing ok but 2 of the theme’s icons are upset now.

icon-filter e928

icon-down-arrow e906

Both calling the right content as seen in the screenshot but displaying the wrong icon.

In my entrada-child/custom-icomoon/style.css ( linked in the customizer/fonts/custom-fonts) :

e929 =icon-fax

e928 = icon-filter

Using the inspector :

e929 calls icon-filter

e928 calls icon-fax

Any help would be appreciated!

Thank you all, have a nice day.

image
image3224×1442 569 KB

#2

More details about the issue :

In chrome : Both icon-filter and icon-down-arrow are displaying wrong

Safari : only icon-down-arrow.

#3

After re-exporting the icon set i kept having the same issue until i deleted all, re-imported, renamed the project name in icomoon, re-exported with a new name and path for custom-icon.

Now its working.

#4

Hello klmbr,

I am glad you have this sorted and thank you for taking time to confirm back. It would only happen if the existing custom font file is over written by new file with same “content” for the icon. And as explained in the other post you linked, you should import the themes provided font file and then add your custom icons to avoid the content conflict.

Thank you

#5

Well, strange thing is that i did import the existing icons to icomoon then added mines and exported them all. Checking for names conflicts. I only had a few custom-icons. Twice.

I think it might be because the icons were in 2 collections inside the icomoon app. and i didnt named them.

Thats the only thing is changed on third attempt.

Anyway, working now!

Thank you.