Hi!

For years I have been trying to make the scroll bar "disappear" on my pets profiles, and I /think/ I finally got it!

Only problem is now that the text box is off the screen, so is the text.

I've tried "padding-right" but I can't seem to get it to work now.

All I want is the scroll bar to be invisible QnQ

This has been getting me down for literally years. I keep coming back and trying new things but get disheartened.

Please view THIS PET to see what I mean, I'm not very good at explaining things.

The only thing I know of that will work is to create a div box (with a solid color background or image) that is big enough to cover the scrollbar. Then you can use positioning to get it just right. You can use the z-index property to make sure they layer correctly.

For example, if you wanted your pet name to over top of your TC items for some reason, you'd use: {position:absolute; OR position:relative; OR position:fixed; THE REST OF THE APPLICABLE CODING z-index: 1;}

.pet_name {position:absolute; OR position:relative; OR position:fixed; THE REST OF THE APPLICABLE CODING z-index: 2;} The positioning part of the code is necessary to make z-index work.

Anyway, I hope that helps... I'm not the most knowledgeable about coding so I'm not sure I can help if it doesn't. XD

[edit] Also, you may have to add z-index to several/all your elements to get everything layered correctly. It is possible you may be able to just add the property to the div box covering the scrollbar, since you don't have anything else coded to cover it up. (It's been a while since I've worked on my profile code but I remember Subeta's default code sometimes making things a little tricky.)

Thank you c: I'm not really a coder, I commissioned someone to give me a basic code ages ago, so a lot of it goes over my head ^^' I just tweak bits of it

I'll give this a go but I'm not sure how to x'D