WordPress.org

Support

Support » Themes and Templates » [Resolved] Styling widgets

[Resolved] Styling widgets

  • 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 from categories down to look like this?

    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)
  • Try this:

    #sidebar ul {
    list-style:none;
    }
    
    #sidebar #categories-3 {
        float: left;
        margin: 0 20px 0 0;
        width: 136px;
    }

    Oh and this:

    #sidebar {
    list-style:none;
    }
    Moderator Michael

    @alchymyth

    Forum Moderator

    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

    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.

    Thank you gabrielcastillo that works perfectly!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Styling widgets’ is closed to new replies.