WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Styling widgets (6 posts)

  1. StoryBoutAGirl06
    Member
    Posted 1 year ago #

    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.

  2. gabrielcastillo
    Member
    Posted 1 year ago #

    Try this:

    #sidebar ul {
    list-style:none;
    }
    
    #sidebar #categories-3 {
        float: left;
        margin: 0 20px 0 0;
        width: 136px;
    }
  3. gabrielcastillo
    Member
    Posted 1 year ago #

    Oh and this:

    #sidebar {
    list-style:none;
    }
  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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

  5. gabrielcastillo
    Member
    Posted 1 year ago #

    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.

  6. StoryBoutAGirl06
    Member
    Posted 1 year ago #

    Thank you gabrielcastillo that works perfectly!

Topic Closed

This topic has been closed to new replies.

About this Topic