ScrollBars in Text Widget

aw1923 · Member · Aug 16, 2008 at 10:00 pm
Copy link

Add topic to favorites
Hey, I was just wondering if anyone knew the css code for adding scrollbars to the text widget, I want to try them out. I know it can be done because I saw it done on another wordpress.com blog so there has to be some way of doing it.
vivianpaige · Member · Aug 17, 2008 at 12:54 am
Copy link
Give us a link to where you saw it.
aw1923 · Member · Aug 17, 2008 at 3:22 am
Copy link
http://ygworld.wordpress.com/
vivianpaige · Member · Aug 17, 2008 at 3:32 am
Copy link
Looks like a text widget that has manually been coded with links. When I look at the page source, I see this:
```
<div style="width:160px;height:320px;overflow:scroll;">
[various links]
</div>
```
thesacredpath · Member · Aug 17, 2008 at 3:37 am
Copy link
They have custom CSS and have added this to their CSS:
```
element.style {
height: 320px;
overflow-x: scroll;
overflow-y: scroll;
width: 160px
```
Then in the text widget when they put in their stuff, they include
<div><div style="overflow: scroll; width: 160px; height: 320px;">text stuff/links here</div>
aw1923 · Member · Aug 17, 2008 at 3:48 am
Copy link
cool, thanks,

I did it, but I have to somehow change it so that the header of the text widget shows up.

Thanks again.
thesacredpath · Member · Aug 17, 2008 at 4:20 am
Copy link
Go to design > widgets and click on the edit link on the text widget. There is where you set the title.
thesacredpath · Member · Aug 17, 2008 at 4:46 am
Copy link
I just noticed two things: First Vivian has posted the overflow stuff, and also that I have an extra <div> at the beginning of my text widget code.
aw1923 · Member · Aug 17, 2008 at 5:04 am
Copy link
the css editor deletes the overflow information and just leaves,
element.style {
height:520px;
width:160px;
}
and deleting the that extra <div> actually works so that it does show the text widget title properly.

thanks for letting me know.

No items found.