Help Center

Back to Home
  1. Help Center
  2. Tips and Tricks

Tips and Tricks

We know creating a stunning website can sometimes feel like a daunting task. But fear not! We're here to share some insider tips and tricks to help you make the most out of your experience. Whether you're a seasoned pro or just starting, these handy tips will take your website to the next level. Let's dive in!

1. Sticky Navbar

For some use cases, having a sticky menu enhances the user experience.

            <style>/* Sticky Menu */header {    position: fixed;    right: 0;    left: 0;    top: 0;    z-index: 100;    background-color: #FFF;}main {    padding-top: 100px;}</style>                    

2. Button Roundness

For better alignment with your brand, you may occasionally require a solid style button or a soft, rounded button.

Solid Style:

            <style>    /* Button Roundness */    a.rounded-full{        border-radius: 0px !important;    }</style>                    

Soft Rounded Style:

            <style>    /* Button Roundness */    a.rounded-full{        border-radius: 8px !important;    }</style>                    

3. Customized BG color

If you're looking to darken the dark mode background or use a dark color associated with your brand, be sure to give this a try. Just remember to replace the color with your desired color code.

            <style>    /* Background Color */    .bg-base-50 {        background-color: #0F0F0F;    }    </style>                    

4. Increase Navbar Font Size

Increase or decrease the font size of the header navbar based on your needs. You can adjust the font size value as you see fit.

            <style>    /* Header Nav Font Size */    header nav {        font-size: 1rem;    }</style>                    

More tips and tricks are coming soon...

© All rights reserved