Is there any way to get rid of the scrollbar but still have it usable ? I've tried googling and using css/html from other sources but I just can't seem to get it to work.
I've been using {position:absolute; left: 250px; top:190px; width: 350px; height: 500px; overflow: scroll; overflow:auto;} I've tried overflow:hidden; but the scrollbar no longer works haha I'm pretty rusty with css/html stuff so any help would be greatly appreciated !

i see profiles that just have the scroll bar hidden and show up when you hover more than anything else {overflow:hidden;} :hover {overflow:auto;} but i suppose you could do a 0 width scrollbar...? example ::-webkit-scrollbar {width:0px; height:5px} ::-webkit-scrollbar-thumb {-webkit-border-radius:5px; border-radius:5px; background: rgba(36,40,9,1)} {height:100px; width:auto; overflow:auto;}you can mess around with the scroll bar all kinds of ways, and i think all of that works on subeta profiles, but i generally only use those two bits (personal preference /shrug).

also fyi some of your backgrounds tile on my screen (2880x1800), and urashen and fautum extend past my screen but have no scroll bar - i can't get to urashen's treasure without zooming out.

you can also give the scrollbar an overlay, so placing an image above the scrollbar, like this it is going to be useable but hidden

example 1 example 2 example 3

{background: url(URL HERE); height:00px; width:00px; position: absolute; top: 00px; left: 00px; z-index:20;} the z-index indicates on which layer it shall be placed. for example, when the pet desc or the story-div has a z-index of 18, the scrollbar-overlay needs at least an index of 19, so that the image will be placed above the scrollbar (positioned due top and left)

after the style part we just need to create a new div-tag so that the scrollbar overlay will be visible

idea is also working, yet wont be work with Internet Explorer (okeh, who uses it anyways ...), the overlay-method is just a different idea to hide those ugly scrollbars :)

unfortunately there is no good reliable way to hide or remove scrollbars that will work across browsers and not look weird for some people.

using the webkit scrollbar options is probably the neatest option, except it doesn't work for all browsers (specifically firefox and internet explorer).

hiding scrollbars with divs and cover images will work across browsers, but if someone (like me) has their computer set to hide scrollbars except when scrolling, there is no blank space at the edge of the content, so any scrollbar cover will actually obscure part of the content, which is especially troublesome with text. (i can't tell you how many pet stories i can hardly read because of scrollbar covers, they're pretty much an instant turn-off for me.)