Help Center
Back to Home
- Help Center
Tips and Tricks
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
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
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
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
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
