Title: Add visible scroll bar
Last modified: July 30, 2021

---

# Add visible scroll bar

 *  Resolved [namgostar](https://wordpress.org/support/users/namgostar/)
 * (@namgostar)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/add-visible-scroll-bar/)
 * I would like to add a visible scroll bar to the right side of the box. Image 
   link below shows a different website that has such a thing. Is this possible 
   with CSS? If so, can you help me with the proper code?
 * [https://static.business.ca.gov/wp-content/uploads/2021/07/2021-07-30_10-25-24.png](https://static.business.ca.gov/wp-content/uploads/2021/07/2021-07-30_10-25-24.png)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadd-visible-scroll-bar%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Moderator [tobifjellner (Tor-Bjorn “Tobi” Fjellner)](https://wordpress.org/support/users/tobifjellner/)
 * (@tobifjellner)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/add-visible-scroll-bar/#post-14723189)
 * [@zbojnik](https://wordpress.org/support/users/zbojnik/)
    Please do not jump 
   into other topics and detract from their problem. If the troubleshooting already
   posted made no difference for you, then, as per the [Forum FAQ](https://wordpress.org/support/forum-user-guide/faq/#i-have-the-same-problem-can-i-just-reply-to-someone-elses-post-with-me-too),
   please post your own topic. A lot more people will see your post, and that way
   you stand a good chance of getting the assistance you want. Despite any similarity
   in symptoms, your issue is likely to be completely different because of possible
   differences in physical servers, accounts, hosts, plugins, theme, configurations,
   etc. Thus one problem, on one setup is not indicative of the functionality and
   reliability of an application as a whole. Your post will be archived.
 *  Plugin Author [Ays Pro](https://wordpress.org/support/users/ays-pro/)
 * (@ays-pro)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/add-visible-scroll-bar/#post-14726168)
 * Hi Dear [@namgostar](https://wordpress.org/support/users/namgostar/),
 * Thank you for your topic.
 * Please copy the following CSS and paste it into the Custom CSS field of the given
   popup.
 *     ```
       div.ays-pb-modals div.ays-pb-modal {
           padding-right: 0px;
           padding-top: 30px;
           overflow: hidden !important;
       }
       div.ays-pb-modals div.ays-pb-modal .ays_content_box {
           overflow: hidden;
           overflow-y: auto;
           height: 560px;
           padding-left: 10px;
       }
       div.ays-pb-modals div.ays-pb-modal .ays_content_box::-webkit-scrollbar-thumb{
           background-color: #393939;
       }
       div.ays-pb-modals div.ays-pb-modal .ays_content_box::-webkit-scrollbar-track-piece {
           background: #CDCBCB;
       }
       ```
   
 * This custom CSS refers to all the popups of the page, meaning you can put it 
   in one of them and all the popups will get the visible scroll bar. But, if you
   want to change only one popup of the page, please replace div.ays-pb-modal with
   
   div.ays-pb-modal_YOUR_POPUP_ID
 * And write down the corresponding popup ID, e.g. 3, in the place of YOUR_POPUP_ID
 * Let me know about the outcome!
 * Thanks.
 *  Thread Starter [namgostar](https://wordpress.org/support/users/namgostar/)
 * (@namgostar)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/add-visible-scroll-bar/#post-14730979)
 * The code worked perfectly! Exactly what I wanted. Thank you so much for your 
   help!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Add visible scroll bar’ is closed to new replies.

 * ![](https://ps.w.org/ays-popup-box/assets/icon-128x128.gif?rev=2660064)
 * [Popup Box - Create Countdown, Coupon, Video, Contact Form Popups](https://wordpress.org/plugins/ays-popup-box/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ays-popup-box/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ays-popup-box/)
 * [Active Topics](https://wordpress.org/support/plugin/ays-popup-box/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ays-popup-box/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ays-popup-box/reviews/)

## Tags

 * [overflow](https://wordpress.org/support/topic-tag/overflow/)
 * [scroll](https://wordpress.org/support/topic-tag/scroll/)

 * 3 replies
 * 4 participants
 * Last reply from: [namgostar](https://wordpress.org/support/users/namgostar/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/add-visible-scroll-bar/#post-14730979)
 * Status: resolved