DUPLICATE: Icon size only works if set on ID level

Browser: Chrome 110 latest
OS: macOS latest
URL: https://ecl92.ekkoweb.net

For some reason, icons will not take in account the size set in the dedicated “Size” setting if it is applied to a class, it will only work if it is set to ID level. If you set it on a class, without using “!important” it will always get overriden by the ID default (“60px”). If at least there was a setting in the Theme settings for Icons (there is for every element, but not icons… and there even is for “Social Icons”) that would allow us to style globally icons (although it’s not even necessarily the wanted behavior).

I have that problem on every project.

This has been an issue for a very long time and I don’t know why it’s not being addressed… or something I’m not doing right ?


Hi AnLip,
Thanks so much for your report.

The problem has already been reported multiple times, and the loading order causes it:

In your case, it’s most-likely caused by the icon in the header or footer.

I’ll close this thread accordingly. We’ll update the original thread as soon as we’ve fixed the issue.

Best regards,
timmse