Title: Styling widgets
Last modified: August 20, 2016

---

# Styling widgets

 *  Resolved [StoryBoutAGirl06](https://wordpress.org/support/users/storyboutagirl06/)
 * (@storyboutagirl06)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/)
 * I decided to make my theme widget ready. I set up a test blog to do this so I
   don’t ruin it.
 * How do I style [this](http://storyboutagirl.org/testblog/) from categories down
   to look like [this](http://storyboutagirl.org/)?
 * I thought that since the categories li class was “categories-3” (and so on…) 
   that I could do something like:
 *     ```
       #categories-3{
       	width: 136px; float: left;
       	margin: 0 20px 0 0;
       }
       ```
   
 * and
 *     ```
       #text-2{
       	width: 136px; float: left;
       }
       ```
   
 * etc…
 * like in my non wigitized version but it does not work. What am I doing wrong?
 * Also how would I get rid of the bullet beside the widget name? I tried:
 *     ```
       ul li{
       list-style: none;
       }
       ```
   
 * and
 *     ```
       .widgettitle{
       list-style-type: none;
       }
       ```
   
 * neither worked.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [gabrielcastillo](https://wordpress.org/support/users/gabrielcastillo/)
 * (@gabrielcastillo)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593846)
 * Try this:
 *     ```
       #sidebar ul {
       list-style:none;
       }
   
       #sidebar #categories-3 {
           float: left;
           margin: 0 20px 0 0;
           width: 136px;
       }
       ```
   
 *  [gabrielcastillo](https://wordpress.org/support/users/gabrielcastillo/)
 * (@gabrielcastillo)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593847)
 * Oh and this:
 *     ```
       #sidebar {
       list-style:none;
       }
       ```
   
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593861)
 * what is the code used for registering the sidebar widget areas?
 * compared to the ref site, your sidebar code is missing the `<ul>` tags, or does
   have `<li>` tags per widget which the ref site does not have; possibly caused
   by using the default parameters in `register_sidebar()`;
 * [http://codex.wordpress.org/Function_Reference/register_sidebar](http://codex.wordpress.org/Function_Reference/register_sidebar)
 *  [gabrielcastillo](https://wordpress.org/support/users/gabrielcastillo/)
 * (@gabrielcastillo)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593877)
 * If you paste the code I provided into your CSS file it should work. If you want
   to edit the sidebar function it maybe be in the functions. php file depending
   on your theme. The params of register_sidebar() are before widget, after widget,
   before title, after title, name, is, description . It’s in the link you provided.
 * I believe use the above code should work though.
 *  Thread Starter [StoryBoutAGirl06](https://wordpress.org/support/users/storyboutagirl06/)
 * (@storyboutagirl06)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593898)
 * Thank you gabrielcastillo that works perfectly!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling widgets’ is closed to new replies.

## Tags

 * [bullets](https://wordpress.org/support/topic-tag/bullets/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [list-style](https://wordpress.org/support/topic-tag/list-style/)
 * [style](https://wordpress.org/support/topic-tag/style/)
 * [styling](https://wordpress.org/support/topic-tag/styling/)
 * [widgets](https://wordpress.org/support/topic-tag/widgets/)

 * 5 replies
 * 3 participants
 * Last reply from: [StoryBoutAGirl06](https://wordpress.org/support/users/storyboutagirl06/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/styling-widgets-3/#post-3593898)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics