Help Center

Help Center

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>

Custom Code Tips

You can paste this code into the Settings > Custom Code > Header

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>

Custom Code Tips

You can paste this code into the Settings > Custom Code > Header

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>

Custom Code Tips

You can paste this code into the Settings > Custom Code > Header

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>

Custom Code Tips

You can paste this code into the Settings > Custom Code > Header

More tips and tricks are coming soon...