Hi there,

Regarding scrollbars, those are a browser/OS controlled element, so the styling/appearance is largely based on what device/browser you're viewing the site with. That said, webkit browsers (Chrome/Safari) have some CSS you can use. Here's an example from the theme CSS...

/*-------------------------------------*/
/*--SCROLLBAR STYLES FOR WEBKIT ONLY--*/
/*-----------------------------------*/
*::-webkit-scrollbar {
    width: 5px;
}
*::-webkit-scrollbar:horizontal {
    height: 5px;
}
*::-webkit-scrollbar-track {
    background: none;
}
*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.15);
}
*::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.5);
}

Regarding the "X" button, that is meant to be easily accessible regardless of the color/lighting generated by the video. For example, if the video were very very bright/white, it might be hard to see the button to close the video (i.e. bad UX/UI). That said, here's the current styling for the button...

.closeVideo {
    background: rgba(0, 0, 0, 0.35);
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 26px;
    font-weight: lighter;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 35px;
    z-index: 100;
}

Please let me know if that helps.

Best,

Chris

Hi,

Do you have FAQ for some CSS tweaks so that on the computer viewing the scroll bars can look a little more incnspicuous? Just some more color styling would be great throughout. And maybe some opacity, dissapearing tricksfor the X button that is too glarring for me while I'm watching a video.

Thank you

:)

C3