Problems with icons in pro

[lumijans]

Hi,
I have some problems with the new bold icons after updating pro. I managed to solve some problems with the answers in the support topics. But still have some problems:

• I use an icon in the header-builder within pro > this is still bold
• Icons in the ‘classic feature list’ won’t show up in https://thinkplusdo.com/case-philips/

I added the in Css:

[data-x-icon], [class*=“x-icon-”] {
font-weight: 100 !important;
}

[data-x-icon-b]:before, [class*=“x-icon-”]:before {
content: attr(data-x-icon);
line-height: 1;
display: none;
}

Can you give me advice?
kind regards, Astrid

[rad]

Hi @lumijans,

Thanks for reaching out.

The missing icons are because of this custom CSS,

[data-x-icon]:before, [class*="x-icon-"]:before {
    content: attr(data-x-icon);
    line-height: 1;
	display: none;
}



[data-x-icon-b]:before, [class*="x-icon-"]:before {
    content: attr(data-x-icon);
    line-height: 1;
	display: none;
}

Please remove them as they are only applicable for old theme/builder versions. And there is also a display none that will hide the icons. But regardless, it will not work since it’s no longer just data-x-icon. And to make them thinner instead of bold, this is what you need

[data-x-icon-s] {
    font-weight: 100 !important;
}

Thanks!

[lumijans]

Thank, it works.

But the icons in the header stay bold after putting in the code:

[data-x-icon-s] {
font-weight: 100 !important;
}

[Prasant]

Hello @lumijans,

Thanks for updating the thread.

Please try clearing the cache as on my end changes are getting reflected on header icons regarding font weight. Please see screenshot.

To clear cache you can take a look at following article.

https://kb.iu.edu/d/ahic

Thanks.

[lumijans]

Thanks a lot, it works fine now!

[Prasant]

You are most welcome.