Archived topic
disable scrollbar in table
5 replies · Started by Ralf on August 18, 2021
Hi,
i inserted the Cue plugin to show some audio playlist on a website.
But there is a scrollbar which i don't want. the support says it is because of a pre-setting for tables of the theme.
do you have an idea how i can get rid of that scrollbar ?
Also on the blog page in the sidebar
thanks
(the address is in private)
Hi there,
You can try adding this CSS:
ol.cue-tracks::-webkit-scrollbar {
display: none;
}
ol.cue-tracks {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}This hides the scrollbar but keeps the functionality of scrolling. (You'll have to use the mouse scroll to move the playlist)
thank you Elvin for the fast answer and sorry for my delay.
i actually wanted to hide scrollbar and that the playlist is full visible (no scrolling) - like on mobile.
is there a way to edit that ?
thank you
Hi there,
the plugin has its own CSS styles that is setting a max-height and overflow auto to its HTML. Not the theme.
You can overcome that with this CSS:
.cue-playlist .cue-tracks {
max-height: unset;
}wow ! that was fast and exactly what i was looking for :)
thank you David !!!
you guys rock ! :)
Glad to be of help!
