here's an example of what my widget is doing my widget
In essence I'd like it to just do "..." when it runs out of space, not wrap the word around and overlap the second line.
I checked my style.css file and found no instance of the word "widget" in it.
What do I need to do?
use tools like firebug or web-kit inspector to find out what id or class your theme is generating and then you can target your widget.
in twenty ten that would be .widget-container (with some unique ID)
just realized it's not a text widget but the recent posts widget. I'll try and dig around some more.
what's the css property for wrapping text? is it "word-wrap: break-word;"?
I've tried word-wrap, overflow: hidden; white-space, you name it and no luck. it's in my typography.css so I know exactly what I'm trying to change but I just don't know how to change it
solved...
I used these three css properties in combination and one of them solved it
white-space: nowrap;
overflow: hidden;
display: block;