Categories not showing in twenty ten theme?

by 12 replies
15
What is the best way to have the categories show up in the right column in the new wordpress 3.0 twenty ten theme?
#website design #categories #showing #ten #theme #twenty
  • Did you go to WP-Admin->Appearance->Widgets and add the "Categories" widget to the "Primary Widget Area"?
    • [1] reply
    • Ahhh..yes. That worked! (:

      Thanks!
      • [1] reply
  • At wordpress default theme files, you can see stylesheet as the first option, above popup comments, Try it.
    • [1] reply
    • Can you be a little more specific? File name? Code snippet?

      Thanks!
  • Go to WP-Admin->Appearance->Editor and open the "style.css" file found in the right column.

    Look for this code to edit the left column:

    Code:
    #content {
    	margin: 0 280px 0 20px;
    }
    Now look for this code to edit the right sidebar:

    Code:
    #primary,
    #secondary {
    	float: right;
    	overflow: hidden;
    	width: 220px;
    }
    Both of these blocks of code are found below the following comment:

    Code:
    /*
    LAYOUT: Two columns
    DESCRIPTION: Two-column fixed layout with one sidebar right of content
    */
    • [1] reply
    • OK...so if I wanted the left column to 750px wide...I would change:

      ---
      #content {
      margin: 0 280px 0 20px;
      }
      ---

      Change the 280px to a larger number?
      • [1] reply
  • I figured it out...had to change the number below to 350px....the same as my right column width...

    #container {
    float: left;
    margin: 0 -350px 0 0;
    width: 100%;
    }

    Thanks for your help on this!

    Another quick tweak request...Best way to delete the very top row above the header?
  • Here is how you can delete the top row, above the header, and also keep the content within your page's source for SEO.

    Add the following CSS code (marked in red) to the http://gowebmarketing.com/shop/wp-co...yten/style.css file:

    Code:
    /* =Header
    -------------------------------------------------------------- */
    
    #header {
    	padding: 0 0 0 0;
    }
    #site-title {
    	
    	float: left;
    	margin: 0 0 18px 0;
    	width: 700px;
    	font-size: 30px;
    	line-height: 6px;
    }
    #site-title a {
    	color: #000;
    	font-weight: bold;
    	text-decoration: none;
    }
    #site-description {
    	
    	clear: right;
    	float: right;
    	font-style: italic;
    	margin: 14px 0 18px 0;
    	width: 220px;
    }
    • [1] reply
    • Amazing! (:

      You are the CSS Wizard!

      Thanks again for your time on this!
  • You're welcome. Don't hesitate to contact me if you have any other questions.

Next Topics on Trending Feed