External CSS
Hi,
I have a question about using external css in the app. I use metronic with react app, and now i am trying to get page from another service like confluence. I am getting json file with whole html including styles, but when page is displayed in my app, styles from metronic overlays styles from confluence page. Is there a way to avoid this? I want use metronic styles in app, but at the same time i need to save original styles of confluence page.
Replies (1)
Hi,
Thank you for reaching out to us.
Since our styles are loaded globally there is no way to isolate only page content from global styling. However, you can find exact elements you do not want to be styled and then prevent them from styling with <a herf="https://developer.mozilla.org/en-US/docs/Web/CSS/:not">not selector</a>.
If you do not combine our theme with other services but only use them on some specific views, then you can load our theme style modularly. See https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/
Regards,
Lauris Stepanovs,
Keenthemes Support Team
