could someone help please

[Former Member]

im wanting my scrollbar back but i have a scrollbar in my shoutbox what i got rid of with some css and had to get rid of them both.

i'v no idea what im looking for in my css or any other template thingys so i need alittle help to get JUST the main scrollbar back and NOT the shoutbox one .... if this makes sense


 goldenbeatz.uk/

[Azy]

Whaddup, buttercup? Scrollbar woes, eh? It looks like you're using the webkit-scrollbar object to style the scroll bars, so have a search (CTRL+F) in the CSS for the entry "scrollbar", and try changing some values. Lemme know what you have.
I'm arseuming you're using the proboards shoutbox? Should be pretty easy to target the scrollbar in that and hit it round the face with a display:none;

[Former Member]

Sept 25, 2015 3:44:36 GMT -8 Azy said:

Whaddup, buttercup? Scrollbar woes, eh? It looks like you're using the webkit-scrollbar object to style the scroll bars, so have a search (CTRL+F) in the CSS for the entry "scrollbar", and try changing some values. Lemme know what you have.
I'm arseuming you're using the proboards shoutbox? Should be pretty easy to target the scrollbar in that and hit it round the face with a display:none;

thank you i'll have a look at that asap 

[Former Member]

Sept 25, 2015 3:44:36 GMT -8 Azy said:

Whaddup, buttercup? Scrollbar woes, eh? It looks like you're using the webkit-scrollbar object to style the scroll bars, so have a search (CTRL+F) in the CSS for the entry "scrollbar", and try changing some values. Lemme know what you have.
I'm arseuming you're using the proboards shoutbox? Should be pretty easy to target the scrollbar in that and hit it round the face with a display:none;

'scrollbar' didnt turn anything up in the search for some reason but i found this.


.shoutbox_messages, #my_scroll{
scrollbar-base-color:black;scrollbar-arrow-color:black;scrollbar-base-color:black;scrollbar-arrow-color:purple;}
::-webkit-scrollbar {width: 0px;}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(234,203,223,1.0);}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0,0,);
-webkit-box-shadow: inset 0 0 px rgba(234,203,223,1.0);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,0,0,0,0,);


i remember this was the problem i had before when i just wanted the shoutbox scrollbar to dissapear .... but it did both so i left it.


how do i change this code to just make my main scrollbar appear please ?

[Azy]

Weird that searching scrollbar returned no search results, 'cause that stack you posted has the ::-webkit-scrollbar I came across during the IE. Taking out that code should bring the main scrollbar back. I'll have an experiment to see if it's possible to target just the shoutbox one

[Azy]

Ah, try this. Put the scrollbars back to how they were by removing that code you posted earlier, then add this to the bottom of your CSS:

.shoutbox_messages {
   margin-right: -22px;
}

At the moment at least, I can find no way of hiding the scrollbar in the shoutbox, and ONLY the shoutbox. You can set overflow to hidden, and that'd do it, but you wouldn't be able to scroll up and down through the messages with a scroll wheel. (Unless that's what you want?)
So just set the right hand margin to a negative value, to push the message divs off the edge of the container. Fiddle with the -22px value to increase or decrease the margin side, to push the scrollbar off the side by different amounts.

[Former Member]

Sept 25, 2015 5:09:35 GMT -8 Azy said:

Weird that searching scrollbar returned no search results, 'cause that stack you posted has the ::-webkit-scrollbar I came across during the IE. Taking out that code should bring the main scrollbar back. I'll have an experiment to see if it's possible to target just the shoutbox one

ok thanks for the help but i need to warn you ... im newish to all this so words like 'IE' etc go way over my head lol

but iv got a goodish understanding.

i cant remove this code because it will bring my shoutbox one back. so i'll wait to se what youve got  

thx for the help again, im in no rush for this so in your own time ... i'll bookmark here.

[Azy]

Inspect Elements in this case
Comment out the code if you're not too happy about removing it completely, then try the code I posted above

Wrap CSS code in /*  */ to comment code out.

/* Anything between these two end bits will be ignored by the CSS

*/


[Former Member]

Sept 25, 2015 5:34:51 GMT -8 Azy said:

Inspect Elements in this case
Comment out the code if you're not too happy about removing it completely, then try the code I posted above

Wrap CSS code in /*  */ to comment code out.

/* Anything between these two end bits will be ignored by the CSS

*/


sorry man but youve lost me... too many words i dont know



start again slowey

[Azy]

If you put

/*

above that block of code you found relating to the scrollbar, and

*/

after it, the code will be ignored. It'll be as if you deleted the code, in that it won't run, but it'll still be there in case you want it back.

[Former Member]

Sept 25, 2015 14:02:15 GMT -8 Azy said:

If you put

/*

above that block of code you found relating to the scrollbar, and

*/

after it, the code will be ignored. It'll be as if you deleted the code, in that it won't run, but it'll still be there in case you want it back.

ok i see, i'll give it a go now.



edit: iv give your code ago and it brings all the scroll bars back. so iv taken it off for now. 

want to give it another go ? 

[Azy]

Try it again, but also put in

.shoutbox_messages {
margin-right: -22px;
}

at the bottom and see if that shoves the shoutbox messages over enough to hide the scrollbar in the shoutbox.

[Former Member]

Sept 25, 2015 14:32:37 GMT -8 Azy said:

Try it again, but also put in

.shoutbox_messages {
margin-right: -22px;
}

at the bottom and see if that shoves the shoutbox messages over enough to hide the scrollbar in the shoutbox.

thats what did.

i deleted my code and put yours in, and i also tried them both together aswell but neither worked.

i also changed the -22px just to see any difference but the same result again. 

i think iv got a lot of template mods messing things around lol idk 

[Azy]

Oh balls It SHOULD work. At least it did on mine. Perhaps try

.shoutbox_messages {
margin-right: -22px !important;
}

Instead, and see if that does the trick?

[Former Member]

Sept 25, 2015 15:42:18 GMT -8 Azy said:

Oh balls It SHOULD work. At least it did on mine. Perhaps try

.shoutbox_messages {
margin-right: -22px !important;
}

Instead, and see if that does the trick?

its worked !!! 


you was 5 out lol -27px thanks for the help