Update on adding a twitter widget for wordpress

Didn’t quite like how it was dominating the entire sidebar so went head and added a bit of custom CSS the the widget element to help make it a bit more manageable.

This is easily done starting as the Dashboard > Clicking the “Customize Your Site” button > Selecting “Additional CSS” > Adding the following bit of code:
/* Controlling the twitter feed element */
.widget_text {
height: 600px;
overflow: scroll;
}

Some interesting things about the overflow option–

The overflow property has the following values:

  • visible – Default. The overflow is not clipped. It renders outside the element’s box
  • hidden – The overflow is clipped, and the rest of the content will be invisible
  • scroll – The overflow is clipped, but a scrollbar is added to see the rest of the content
  • auto – If overflow is clipped, a scrollbar should be added to see the rest of the content

Credit to W3S covering this subject 🙂

Go from something like this really long sidebar widget:

Into something a bit more manageable:

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.