How To Customize Your Scrollbar

3:00 PM

This tutorial was requested hinted by Sophia. ;)



1. Go to your blogger dashboard and select the blog you'd like to customize.
2. Go to Template >>> Customize >>> Add CSS and paste this code in the box:

::-webkit-scrollbar {
background: #ffffff;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #000000;
}
3. To customize this code, you can make the following changes:

+ Change the color code in red to customize the color that the scroll bar "slides" on.
+ Change the width code in blue to customize the width of the scroll bar as a whole (the larger the number the thicker the scroll bar).
+ Change the color code in green to customize the color of the scroll bar itself.

4. Save and view your changes.

Comment below if you have any questions. :)

xx Nicole Rose

You Might Also Like

13 Sweet Notes

  1. Thanks so much for this! I've been wondering for so long:)

    ReplyDelete
    Replies
    1. Anytime dear - I'm glad I could be helpful. :)

      Delete
  2. Super easy & helpful. Thanks for this. <3
    ~Adi

    ReplyDelete
  3. Thank you!!! I am so glad to know this. Also, I would *love* to know how you made the subscribe to mailing list box over to the left - for the next time you do a tutorial. (: By the way, your new name and design are awesome!! Love it!

    ReplyDelete
    Replies
    1. Alright, I'll prepare a tutorial for that right away. :)

      Thank you, dear. <3

      Delete
  4. Oh thank you so much for this! Your tips are SO awesome, love them all!

    P.S. I filled out your lovely survey :)

    ReplyDelete
    Replies
    1. I'm so glad I can be helpful. :)

      P.S. THANK YOU. I very much appreciate that. :)

      Delete
  5. Great tips! They seem easy to implement!
    I wish you very happy holidays!
    ♥♥♥
    Jeanne
    http://fashionmusingsdiary.com

    ReplyDelete
    Replies
    1. Thank you.
      Happy holidays to you as well. <3

      xx Nicole Rose

      Delete
  6. Rosie, your new design is absolutely stunning! I never fail to be impressed by your work. By the way, how did you create the feature at the very bottom, with the boxes around the posts? ;)

    ReplyDelete
    Replies
    1. Thank you, m'dear. I worked very hard on it. :}

      I customized my popular posts widget - shall I conduct a tutorial on how to do it? :)

      Delete
  7. Wow, I love your new design! It's so organized an beautiful. Also, I think that the name Self Known really fits this blog.

    ReplyDelete

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose