How to Properly Style Sidebar Text Widgets

Due to the nature of the sidebar design, you may have to use a small bit of HTML code to properly style your sidebar text widgets.

This is an Improperly Styled Text Widget

If you were to enter the following text in a sidebar widget, your text would appear but without the nice little box around it (see thumbnail to the right):

I was pleased to learn the New York Times is using WordPress to power their blog network. If WP is good enough for the Times, it’s certainly good enough for you, don’t you think? Well, that’s another post. What I really wanted to share was this job opening:

This is a Properly Styled text Widget

Instead, this is the text you want to enter in your sidebar text widget:

I was pleased to learn the New York Times is using WordPress to power their blog network. If WP is good enough for the Times, it’s certainly good enough for you, don’t you think? Well, that’s another post. What I really wanted to share was this job opening:

Notice the application of the

tags. You can use these tags in either the right or left sidebar.

When Should You NOT Use the “Sidebox” Div Class?

If you place your text widget in a list format, the “sidebox” div class is not necessary. For example, this code would not require it:

• Item 1
• Item 2
• Item 3

Filed Under: Tutorials

Tags: sidebar • sidebox • style • text widgets • tutorial