You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am new to both Nuxt and Docus theme. I don't know how to customize the themes.
The main page of docus says the theme is customizable with the words:
"Extensible. Customize the whole design, or add components using slots - you can make Docus your own."
Add a top navigation globally since docus does not come with one.
Add Padding to page-body content WHEN Aside is disabled
Customizing the style.css adds padding globally, but
I tried creating a component in layouts/customdefault.vue
<template>
<DocsPageLayout :has-aside="false">
<!-- Here you could add your top navigation slot if it's allowed by the original component -->
<template #TopNav>
<Navbar />
</template>
<slot />
</DocsPageLayout>
</template>
<script>
import DocsPageLayout from '@nuxt-themes/docus/components/app/docs/DocsPageLayout.vue';
import Navbar from '~/components/Navbar.vue';
export default {
components: {
DocsPageLayout,
Navbar
}
};
</script>
<style scoped>
.page-body {
padding: 1rem;
}
</style>
and then using frontmatter or _dir.yaml to select the layout: customdefault, but my layout doesn't register. Even when it is as simple as HELLO WORLD. There does not seem to be any guidance on how to actually override or extend this themes layout. I do not know what to do and support for the theme seems to be limited. Hoping someone in the community could offer some guidance?
The text was updated successfully, but these errors were encountered:
I am new to both Nuxt and Docus theme. I don't know how to customize the themes.
The main page of docus says the theme is customizable with the words:
"Extensible. Customize the whole design, or add components using slots - you can make Docus your own."
Customizing the style.css adds padding globally, but
I tried creating a component in layouts/customdefault.vue
and then using frontmatter or _dir.yaml to select the layout: customdefault, but my layout doesn't register. Even when it is as simple as HELLO WORLD. There does not seem to be any guidance on how to actually override or extend this themes layout. I do not know what to do and support for the theme seems to be limited. Hoping someone in the community could offer some guidance?
The text was updated successfully, but these errors were encountered: