How can i add my custom css in metronic version 8.1.1?
I am using the theme metronic version 8.1.1 and i want to add my custom css. Where can i add that? and if i will add this, then at the time of deployment any affect will be shown because of the theme's own css?
Please help me out with the folder structure to add the custom css and apply that css smoothly.
Replies (1)
Hi,
We are importing our theme styles inside src/App.vue
. Also, you can keep components styles within a component as shown below.
<template>
...
</template><script lang="ts">
...
</script>
<style lang="scss">
//write your styles here
</style>
Use scoped
attribute on style tag to isolate styles in component scope. See https://vue-loader.vuejs.org/guide/scoped-css.html#scoped-css
If you are not planning to override theme classes then you shouldn't have any problems combining your custom styles with our theme styles.
Regards,
Lauris Stepanovs,
Keenthemes Support Team