Want to give your or your client’s website a unique touch? This simple scrollbar tweak can instantly elevate your design and create a more personalized feel.
Detailed guide
Access your Wix Dashboard:
Log into your Wix account and navigate to your site dashboard.
Open Settings: Click on Settings in the left menu.
Locate Advanced Settings: Scroll down to Advanced and select Custom Code.
Add Custom Code: Click the Add Custom Code button.
Paste the Code: Insert the provided code into the first textbox.
Apply to All Pages: Ensure the code is set to apply to all pages and is placed in the head section.
<style>
/* To customize the scrollbar */
::-webkit-scrollbar {
width: 12px; /* Standard width for the scrollbar */
}
::-webkit-scrollbar-track {
background: #1B1C1D; /* Dark gray background for the scrollbar track */
}
::-webkit-scrollbar-thumb {
background-color: #C2C2C2; /* Gray color for the scrollbar */
border-radius: 6px; /* Rounded corners for the scrollbar */
}
::-webkit-scrollbar-thumb:hover {
background-color: #FF4D02; /* Orange color on hover to provide visual feedback */
}
/* Reset scrollbar to default appearance when less than 750px */
@media (max-width: 750px) {
::-webkit-scrollbar {
width: auto; /* Standard width for the scrollbar */
}
::-webkit-scrollbar-track {
background: none; /* No background for the scrollbar track */
}
::-webkit-scrollbar-thumb {
background-color: transparent; /* No color for the scrollbar */
}
}
</style>
The code used is the one used on this website. If you want to change it, paste it into Chat GPT and describe what you want.
If you have any further question, you can alway write me a message.
Your website’s homepage is trying to do too much
Your website’s homepage is trying to do too much
Web & UX Design
Why people don’t read your content (what they do instead)
Why people don’t read your content (what they do instead)
Web & UX Design
5 things I've learned from working with linkedin marketing
5 things I've learned from working with linkedin marketing
Marketing
You might
also like
Explore my work
Web Design
Norrklint
Norrklint is a Swedish fintech company helping small and medium-sized businesses find financing solutions. For their brand, I worked on creating a clean and modern visual identity that communicates trust, clarity, and professionalism. The design focuses on intuitive interfaces and straightforward messaging, making complex financial information easy to understand for their users.
Tools used
Wix Studio & Recraft
Web Design
Karlsson bil
Karlsson Bil is a car dealership based in Varberg, specializing in buying, selling, and restoring vehicles, including the exclusive Lignon Scandinavia line of handcrafted Land Rover Defenders. I worked on designing a website that blends the heritage of the classic Defender with a modern, sleek aesthetic. The focus was on creating a smooth, intuitive browsing experience, making it easy for users to explore the inventory, learn about bespoke restorations, and navigate the buying and selling process with confidence.
Tools used
Wix Studio & Custom code
Web Design & Branding
Carin Fredén
Carin Fredén is a Malmö-based photographer and photo editor specializing in high-quality business photography and visual branding. Her website showcases her work and services, helping businesses enhance their visual identity through images.
Tools used
Wix Studio, Figma & code
