Engagespot overrides the material-icon's custom css

Question

While implementing the notifications via EngagesSpot. It adds two stylesheets one for engagespot and another one for fonts.

As displayed in the below picture:

Due to this,(fonts style-sheet >> https://fonts.googleapis.com/css?family=Montserrat:100,200,400").Custom css gets distorted. Is there any way to fix this issue?

score 0 · Answer 1 · answered Apr 22 '20 at 11:38

0

it looks like you have syntax error, get rid of extra rel="stylesheet"

answered Apr 22 '20 at 11:38

Rahul

4,294
1
10
12

This is injected dynamically by engagespot's script.Can't edit this.Any other way? – Ayushi Verma Apr 22 '20 at 11:56

score 0 · Accepted Answer · answered May 17 '20 at 09:15

0

I don't think it's the Google font that's breaking your CSS. Some CSS properties in the engagespot.css file might be overriding your CSS. We'll be soon releasing an update that fixes these CSS issues for some websites.

answered May 17 '20 at 09:15

anand

271
1
6

Yes. This is happening because of the font-weight which by-default provided by engagespot is light.If default is set to normal,I guess this problem can be solved.Hope this helps – Ayushi Verma May 18 '20 at 05:04
@AyushiVerma, Engagespot now has better integration with React and other JS frameworks - See https://npmjs.com/package/@engagespot/react-component – anand Feb 15 '22 at 10:13

Engagespot overrides the material-icon's custom css

2 Answers2