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
Remove Linebreak between category title and no. of posts in Categories widget
4 posts from 3 voices- Started 2 years ago by thomasfrank09
- Latest reply from Dude
- This topic is resolved
-
Posted 2 years ago #
-
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
Posted 2 years ago # -
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?
Posted 2 years ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
