Customize side scroll bar in WordPress

Опубликовано: 18 Ноябрь 2024
на канале: MBA Digital

Learn how to customize the side scroll bar in your WordPress website with a few lines of CSS! Make your scrollbar match your website's style effortlessly. No coding experience required!

............................

*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #F5F5F5;
border-radius: 10px;margin-left:-10px!important;
}

*::-webkit-scrollbar
{
width: 10px;
margin-left:-10px;
background-color: #F5F5F5!important;
}

*::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #FFF;
background-image: linear-gradient(to right, #FFC03D 0%, #FFC03D 51%, #FFC03D 100%);
}

...............................

Buy Hosting from Hostinger for your next project trough my 20% off affiliate link

Get 20% off
Hostinger international 20% off link
https://hostinger.com/?REFERRALCODE=1...

Hostinger pakistan 20% off link
https://hostinger.pk/?REFERRALCODE=1M...

Hostinger india 20% off link
https://hostinger.in/?REFERRALCODE=1M...
--------------------------------------
☑ Watched the video!
☐ Liked?
☐ Subscribed?
--------------------------------------
☑ Website -- https://mbadigital.co/
☑ Instagram --   / mbadigital.co
☑ TikTok --   / mbadigital
☑ Facebook --   / mbadigital.co