Anyway to add scrollbars to blogroll widget in Sandbox?

vivianpaige · Member · Jan 16, 2009 at 3:31 am
Copy link

Add topic to favorites
My blogroll is WAY too long. So I used the page template in Sandbox to put them on a separate page. However, that creates a problem in that Sitemeter won’t work on a separate page nor will it work in a text widget.

So I was wondering – is there any way to incorporate into my CSS the information here that would allow me to have scroll bars on the links widget?

Thanks in advance.
vivianpaige · Member · Jan 16, 2009 at 3:34 am
Copy link
By the way, here’s a thread about it https://en.forums.wordpress.com/topic/scrollbars-in-text-widget?replies=9
devblog · Member · Jan 16, 2009 at 3:48 am
Copy link
https://en.forums.wordpress.com/topic/please-read-me-first-before-posting?replies=1
devblog · Member · Jan 16, 2009 at 3:49 am
Copy link
j/k

do you want a scroll bar in all of the widgets or just one?
devblog · Member · Jan 16, 2009 at 3:50 am
Copy link
your side bar looks good… I guess I’m too tired or I need more prescription in my glasses… I don’t see your blogroll
devblog · Member · Jan 16, 2009 at 4:00 am
Copy link
never mind, found it.

gimme a few minutes
devblog · Member · Jan 16, 2009 at 4:06 am
Copy link
try this:
```
#text-325645881 ul{
height: 60px;
overflow: auto;
padding: 2px;
}
```
I set the hight to 60px just to test it, change it to whatever you need. Also, the selector I’m using is the ID of the current text widget, you’d need to change it to the ID of the blogroll widget.
vivianpaige · Member · Jan 16, 2009 at 3:59 pm
Copy link
I just *knew* there was something I was missing. Thanks so much. This works EXACTLY as I wanted it to!
vivianpaige · Member · Jan 16, 2009 at 4:04 pm
Copy link
For anyone wanting to do this – I had to do each blogroll category separately.
rosclarke · Member · Jan 16, 2009 at 4:17 pm
Copy link
*loves* I am so doing this for my categories widget. Thanks, devblog!
devblog · Member · Jan 16, 2009 at 4:26 pm
Copy link
Sure thing.
vivianpaige · Member · Jan 16, 2009 at 4:36 pm
Copy link
Well, now that this is working so well, I figure I might as well ask a followup question :) Is there any way to style the scroll bar? As it stands, it uses whatever your browser uses. (And when I visit rosclarke’s blog, mine clashes with her color scheme.)

So, dear CSS master devblog, any ideas on that?
devblog · Member · Jan 16, 2009 at 4:45 pm
Copy link
yes and no.

I mean, you can style the scrollbar, but since it’s not a W3C Standard, Safari, Firefox, Opera, Konqueror, etc. will just ignore the code… guess what browser will not ignore it? that’s right… IE. Why? because IE came up with it.

If you’re still interested, here’s the code:
```
#your-selector{
     scrollbar-face-color: [color];
     scrollbar-highlight-color: [color];
     scrollbar-shadow-color: [color];
     scrollbar-3dlight-color: [color];
     scrollbar-arrow-color: [color];
     scrollbar-track-color: [color];
     scrollbar-darkshadow-color: [color];
}
```
rosclarke · Member · Jan 16, 2009 at 4:58 pm
Copy link
Oh, that’s a shame. The one that I get by default looks lovely with my colour scheme. I guess it’s set by my FF appearance plugin?
devblog · Member · Jan 16, 2009 at 5:09 pm
Copy link
I didn’t know Fx had an appearance plugin… Or are you talking about your current theme?

Anyway, Fx themes and plugins use XUL, that’s why they can change the appearance of the browser and create applications for it.
rosclarke · Member · Jan 16, 2009 at 5:14 pm
Copy link
That’s probably what I mean. The thing that changes my icons and tab colours and so on.
vivianpaige · Member · Jan 16, 2009 at 7:30 pm
Copy link
Well, if the only browser it works in is IE, I’ll skip it. Thanks so much.

My scroll bar goes with the FF theme I’m using and looks really nice on my blog (of course).
masterclasslady · Member · Jan 16, 2009 at 9:41 pm
Copy link
I know I should know this, but where do you find the ID of the text widget? Thanks so much.
vivianpaige · Member · Jan 16, 2009 at 9:45 pm
Copy link
I use the developer’s toolbar for Firefox. When I click on Information>Display ID & Class details, I grab it from there. Not sure how everyone else is doing it.
devblog · Member · Jan 16, 2009 at 10:57 pm
Copy link
I use aardvark.

No items found.