banner ad
banner ad

How to Properly Style Sidebar Text Widgets

August 11, 2008 | | Comments 0

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

Improperly Styled

Improperly Styled

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

Properly Styled

Properly Styled

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

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


About the Author: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec consequat enim. Nam id cursus purus, vitae semper ligula. Vivamus mattis fringilla iaculis.