Using Custom CSS Classes for Posts and Pages

Shelley — Tue, 09 Jun 2009 14:24:41 +0000

By default, Thesis automatically adds a specific body class for every Page (not Posts) according to its title. For example, the body tag for your About Page looks like this (assuming you’ve already enabled the Thesis option to “Use custom stylesheet”):

So, for example, if you wanted the h1 tag on your “About” page to be red (without affecting the same tag when it appears on other pages of your site), you could use this in your custom.css file:

.custom.about h1 {
   color: red;
}

Category pages are assigned a custom body class based on the category’s slug. For example, the body tag for the “General” category page looks like this:

Archives pages are assigned a custom body class based on the archive type and the time period covered. For example, the body tag for the “January 2010” archives page looks like this:

To assign a custom class to individual Posts, you can use the SEO Details and Additional Style section of the Edit post panel. Look for the CSS Class field, and enter the name of the custom class you’d like to use for the post. (Note: CSS class names cannot begin with numbers!)

You can then specify styles for that particular class name in your custom.css file, similar to the example shown above for the About Page.

(Note that you can also use this same field on the Edit page panel, but doing so will replace the default class Thesis already assigns to the body tag with whatever class you’ve designated instead.)

Place Six 125×125 Ads in Multimedia Box

Shelley — Thu, 28 May 2009 13:58:35 +0000

Go to Design Options, and under Multimedia Box, select Custom Code in the dropdown selector under Default Settings.

Then, in the “Custom Multimedia Box Code” field, copy the following code (replacing each link and image source with the appropriate values for your ads):

Click the “Big Ass Save Button”.

Now, place the following code in custom.css (change to suit your specific requirements):

.custom div.adblock img {
  padding: 4px;
  background-color: #FFFFFF;
  display: inline;
}
.custom .cenx {text-align: center;}

custom – Thesis Docs

Using Custom CSS Classes for Posts and Pages

Place Six 125×125 Ads in Multimedia Box