1 / 5

tricksyidea.com-Customize any websites scrollerbar using css code

In this post, youu2019ll be able to modify and customize the scroll bar in any WordPress website using custom CSS code only. We already know that our default scroll bar does not look appealing and lovable. But now we have decided to customize our scroll bar to a stunning scroll bar.

Jasim2
Download Presentation

tricksyidea.com-Customize any websites scrollerbar using css code

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Customize any website’s scrollerbar using css code tricksyidea.com/customize-any-websites-scrollerbar-using-css-code Home Blogs Most scrumptious tips, you should know………….. Last updated on: 02/02/2022 Jasim Ns In this post, you’ll be able to modify and customize the scroll bar in any WordPress website using custom CSS code only. Table of Contents We already know that our default scroll bar does not look appealing and lovable. But now we have decided to customize our scroll bar to a stunning scroll bar. Ok then let me tell you about the WordPress theme because this is the most incredible thing you’ll able to edit your WordPress website using CSS code. Anyway, you’re already using the theme on your WordPress website like – Astra, Generatepress, or wp ocean. These all are paid themes but that doesn’t mean these themes are not free. Actually, you can also use free version of these themes. And also you can put the CSS code or otherwise edit freely. Please copy the below code and paste it into your Additional CSS Box. 1/5

  2. <!---webkit-scrollbar-by-Tricksyidea--> { -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, #4CB8C4 0%, #3CD3AD 51%, #4CB8C4 100%); } Log in your WordPress Website Wait-wait you are confused about where is additional CSS box is and where to put these codes. Anyways I’ll help you. Once log in to your WordPress website, and go to your WordPress Appearance Section Appearance section is the best tool where you can customize your WordPress theme as you like. So Just Click on appearance section. 2/5

  3. Customize Section Customize section is the best tool where you can customize your WordPress website’s header and footer and more without plug-ins. Additional CSS Here you can customize your website using css code and more. i think you should also add your own css code to build like stunning. 3/5

  4. Add CSS Code Her you can put the our css code for scroll bar to to built like stunning website as you’d like —- Copy the CSS code here 4/5

  5. If you have any queries about this post kindly - Contact Us 5/5

More Related