WP-Vybe Premium WordPress Magazine Theme » sidebox http://www.wp-vybe.com WP-Vybe Premium WordPress Magazine Theme Mon, 11 Aug 2008 17:12:43 +0000 en hourly 1 http://wordpress.org/?v=3.0 How to Properly Style Sidebar Text Widgetshttp://www.wp-vybe.com/2008/08/11/how-to-style-sidebar-text-widgets/ http://www.wp-vybe.com/2008/08/11/how-to-style-sidebar-text-widgets/#comments Mon, 11 Aug 2008 17:12:43 +0000 admin http://www.wp-vybe.com/?p=651 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:

<div class="sidebox">
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:
</div>

Notice the application of the <div class="sidebox"></div> 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:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

]]> http://www.wp-vybe.com/2008/08/11/how-to-style-sidebar-text-widgets/feed/ 10