Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3140

    I’d like the have the number of posts displayed on one line, rather than having that number be under the category name. Is this possible?

    For reference, check the side bar at my blog, http://www.collegeinfogeek.com

    #40781

    Hey,

    There are a few adjustments needed to be made to correct this bug and put the number of posts in the category.

    Open up style.css and find this code (around line 509):

    .widget_recent_entries a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_archive a, .widget_nav_menu a, .widget_links a, .recentcomments {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: block;
    line-height: 25px;
    padding: 3px 17px;
    }

    Remove display: block and the border elements so it now looks like this:

    .widget_recent_entries a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_archive a, .widget_nav_menu a, .widget_links a, .recentcomments {
    line-height: 25px;
    padding: 3px 17px;
    }

    Next, around line 517 you’ll find this code:

    .sidebar .widget_categories li, .sidebar .widget_meta li, .sidebar .widget_archive li, .sidebar .widget_links li {
    float: left;
    width: 100%;
    }

    Change it to:

    .sidebar .widget_categories li, .sidebar .widget_meta li, .sidebar .widget_archive li, .sidebar .widget_links li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;

    }

    Lastly, open up css/style2.css and find this code (around line 238):

    .widget_recent_entries a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_archive a, .widget_nav_menu a, .widget_links a, .recentcomments {
    background: url("../images/shared/icon_arrow.png") no-repeat scroll 2px 7px transparent;
    border-bottom-color: #E1E1E1;
    text-decoration: none;
    }

    Remove the border bottom colour so it looks like this:

    .widget_recent_entries a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_archive a, .widget_nav_menu a, .widget_links a, .recentcomments {
    background: url("../images/shared/icon_arrow.png") no-repeat scroll 2px 7px transparent;
    text-decoration: none;
    }

    You should be all set and it should now look like this: http://cl.ly/2Z3V3M2K3q0E0a0o3Q1A

    Let me know if you need any other help, or have any other questions.

    James

    #40782

    Thanks so much! Worked like a charm!

    One question – why is the main CSS file editable via the Dashboard, but these other ones aren’t?

    #40783

    Hey,

    WP just displays certain files (files which are located in the main directory). Kriesi decided to but css files in a sub directory (css folder) – that’s why WP won’t display the content :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Remove Linebreak between category title and no. of posts in Categories widget’ is closed to new replies.