[Resolved] disable scrollbar in table

[Ralf]

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)

[Elvin]

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)

[Ralf]

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

[David]

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;
}

[Ralf]

wow ! that was fast and exactly what i was looking for 🙂

thank you David !!!

you guys rock ! 🙂

[David]

Glad to be of help!

[Author]

Posts