Christmas Sale! Limited Time Only - Enjoy 30% Off Metronic Extended License!
Buy for 669$ 969$
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-cssIf 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
