Comments on: Thesis Theme: Style Your Home Page with “Main Man”

By: Hesham

Hesham — Sun, 30 May 2010 03:48:08 +0000

Hi Jeff,

Probably I don’t need the “Main Man” right now, but this is a very helpful information to use it in the future!

But… Thank you 100 times, you have saved my time, I didn’t know that I can customizing the CSS for each page by “.custom.home” , this is amazing, I have fixed my pages problems in less than 2 minute that to you!
Hesham´s last blog ..What Top Niche Web Designers Say about Thesis Theme for WordPress

By: Jeff Garrett

Jeff Garrett — Thu, 12 Nov 2009 23:02:55 +0000

Try checking the source of the page and look for the body class id right under the closing head tag. You might also want to check what template you’ve selected for that page within the page edit screen. Check to see if you selected “custom” or “no sidebars,” etc as that may make a difference as to what shows up in your source code.

By: Jim Test

Jim Test — Wed, 11 Nov 2009 23:25:47 +0000

Thanks, but I’m experiencing the same problem you had in your original post, it works on every other page except the homepage, I believe if could find the body class that you were referring to, it just might do the trick.

By: Jeff Garrett

Jeff Garrett — Wed, 11 Nov 2009 21:48:12 +0000

Hi Jim,

If found it’s even easier than I realized back when I wrote this post. Thesis will automatically apply styling to any page by applying custom CSS in the name you have given the page. For example, if I wanted to style my home page different than the rest, I would begin each CSS statement with .custom.home. For example, if I wanted to change the footer on the home page only, I would use .custom.home #footer {YOUR CSS HERE}.

You can also do this from a somewhat reverse perspective which works well if you want to apply custom CSS to more than one page. You can create whatever class you want, for example let’s call it “myspecial.” You can write all of your CSS statements using the prefix .custom.myspecial. Then, in each page you want to use the custom “myspecial” CSS you can write “myspecial” minus the quotations in the CSS Class field that Thesis provides in the edit options of each page. I’ve found this to be very handy.

Hope that helps.
Jeff

By: Jim Test

Jim Test — Wed, 11 Nov 2009 20:45:22 +0000

Where did you find your “.custom.main-man” ??? I know mine will be something different but I would like to know where to find it so I can see what it is. Thanks so much

By: Matt Langford

Matt Langford — Sat, 02 May 2009 02:20:23 +0000

Thesis is definitely awesome, once you learn the ropes! Great job with your site and with the post author box. Very impressive!