WordPress.org

Ready to get started?Download WordPress

Forums

Newbie Needs Help With Sidebar Category Listing Spacing (9 posts)

  1. BLVQ12
    Member
    Posted 3 years ago #

    Hello All WordPress Gurus,

    Need Your Help. Forgive me, I am just a humble newbie.

    I have a blog at http://www.dogfencedirect.com/blog. The problem I am having is I do not know how to remove the double spacing that is appearing for some of the listings on the left and right panels. If you go to the blog you will notice that certain listings are not single spaced after each other and are double spaced. For example, on the left panel it shows a double space between Privacy Policy and Terms & Conditions and on down the list. You will see this same issue also shows up on the right sidebar. Please let me know what I should be looking to delete or change in the code?

  2. Darrell Schauss
    Member
    Posted 3 years ago #

    Look in your style.css for:

    #sidebar ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 15px;
    	}

    Remove margin-bottom: 15px; or change to margin-bottom: 0px; or any size you like.

  3. BLVQ12
    Member
    Posted 3 years ago #

    Thank you very much that was a really big help.

    And yet, I am still having trouble with setting up the listings on the right sidebar. If you look at that sidebar, you will notice the headings and their sub-categories are all showing up centered. How can I get it to be left aligned like on the left sidebar.

    My second issue is how do I get rid of the decimal point under the categories section on the right sidebar so that it only shows Uncategorized and other later categories I add without the decimal.

    If anyone out there could help me with these, I would really appreciate it. Seems I can’t crack the code on these, but I bet there is at least one pro out there who knows how to fix these in no time flat? Can you do it?

  4. BLVQ12
    Member
    Posted 3 years ago #

    Was hoping for an answer on these? Anyone else have any ideas?

  5. justbishop
    Member
    Posted 3 years ago #

    Try adding the code below to your sidebar's "ul" or "li" css:

    text-align: left;

    As for the bullets on your list, what theme are you using?

  6. BLVQ12
    Member
    Posted 3 years ago #

    The Theme is as follows:
    WordPress Default 1.6 by Michael Heilemann

    The default WordPress theme based on the famous Kubrick.

    All of this theme’s files are located in /themes/default.

  7. BLVQ12
    Member
    Posted 3 years ago #

    Hi justbhishop,

    I got the following sidebar code. Where exactly would I put the text-align: left; ????

    #sidebar-r ul, #sidebar-r ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar-r ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 0px;
    }

    #sidebar-r ul p, #sidebar-r ul select {
    margin: 5px 0 8px;
    }

    #sidebar-r ul ul, #sidebar-r ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar-r ul ul ul, #sidebar-r ul ol {
    margin: 0 0 0 10px;
    }

    ol li, #sidebar-r ul ol li {
    list-style: decimal outside;
    }

    #sidebar-r ul ul li, #sidebar-r ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
    /* End Entry Lists */

    /* Begin Sidebar */

    #sidebar-r
    {
    margin-left: 15px;
    width: 194px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    float: right;
    }

    #sidebar form {
    margin: 0;
    }
    /* End Sidebar */

  8. justbishop
    Member
    Posted 3 years ago #

    I've never worked with Kubrick, but I'd just try putting it in with the code for each id one by one until you hit the one that works. That would be the route I'd go, lol! Just use a good text editor with a reliable "undo" button, and only change one thing at a time before you upload ;)

    And here's the w3 Schools page on list CSS. It might help you fix your bullet issue:

    http://www.w3schools.com/css/css_list.asp

  9. Darrell Schauss
    Member
    Posted 3 years ago #

    The whole site has text-align:center; on it probably for some structural reasons. This will set all your sidebar stuff to left align. I don't see #sidebar-r being used.

    #sidebar div{
    text-align:left;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic