| Half as Smart... Twice as Stubborn...

Thesis Theme Custom CSS Code Robot

Thesis theme custom.css robot code generator - style sheet and layout assistance - free

Automate Your Custom CSS Modifications for the Thesis Theme

The Thesis Theme for WordPress is…

Yawn! I prefer to break my site without reading instructions, directions, or advice from a superior species. I demand you allow me to use the Thesis 1.8.5 Custom CSS Robot right now, that I may rush ahead with random CSS editing, surely ruining something in the process!

Right. Let’s try again, shall we?

The Thesis Theme is extremely flexible, providing an architectural framework and design foundation presently unique to the industry.

However, getting started with Thesis — going beyond the dashboard user interface — requires recognition and intelligent use of two files located in the “/custom” directory of the Thesis install package.  These files are custom.css and custom_functions.php — and that is all there is to that.  We’ll deal with one today, custom.css, but it is best you understand both.

Two files, easy peasy, CSS and PHP… simple as a spring calf, you say!

But hold your britches.  If you are new to Thesis, new to CSS, or new to dynamic web sites and blog design entirely, you may feel rather lost on where to begin.

What do you add to these two special custom files… what syntax do you use… indeed, where to begin — even if you know precisely a vision of what it is you want to do?

Originally built for Thesis 1.6, the CSS Code Robot has been updated for Thesis 1.8.5 — you are welcome, biped.

Rick Beckman’s OpenHook plugin for the Thesis theme assuaged the sting of PHP for many, and Thesis 1.8.5 removes the need for any extra tools on the PHP side.  The herd decided to address the CSS side with a Thesis oriented — but generally applicable — CSS code generation tool.

Because CSS is a standardized syntax… always the same at a basic level… we realized that, with a dash of Mule magic applied, your personalized selections could be made to provide functional cascading style sheets — custom CSS code — that Thesis users merely copy and paste directly into their installation of default Thesis 1.6 for styling purposes.

A mindless robot helping you make a custom.css file — the Mules find the concept deliciously sardonic. 

At some point we shall settle with a formal name… but for now, it is the Thesis Theme Custom CSS Robot.  Our hooves may slip from time to time, describing an “autobot” or “bot” or custom.css code engine, or generator — goodness knows.  The cat wants to call it FlipsyWhippers.  The cat is denied. Let’s keep moving.

CSS syntax works like so:  selector { property:value; }

Calf simple!  If you did not know this — or cannot digest it fully — type “css tutorial” into your Altavista search bar.  If you remain confused thereafter, we suggest you go about writing your blog on acid-free paper.

While Thesis modifications and tutorials abound for custom.css uses, you humans have one devil of a time getting from a CSS tutorial to something fully functional.  As a result, we’re going to share our earliest working draft of a robot code generator with you, starting… well, right now.

The DoubleMule Thesis Theme Custom CSS Code Robot FlipsyWhippers

Feedback on custom.css code generation has been enthusiastic — and we’re launching half-assed to get you going.  We may further build this code generator. The options are currently basic, and far from comprehensive — this custom.css code generator is a work in progress. The benefactors are humans. You’re blasted lucky we didn’t choose to finish the dog’s hammock instead.  We may yet change our minds on that.

How the Custom.css Code Robot Works

Various options are provided — colors, background images, and whether you want wilted lettuce or fried chips. You pick selectors and values you wish to change for a particular element of your Thesis theme install. On submit, the form delivers code you can use immediately in your custom.css file. Or so goes the idea. It may work as described. Mules are not big on testing.

Note that should you have existing custom.css entries, it is strongly advised you keep only one entry per selector in your custom Thesis style sheet. For example, do not create five different lines, all of which modify the same .custom h3, or you’re liable to strain something.  Our patience, for one.

If you’re happy with what you already have for .custom h3, but want to use the Thesis Theme CSS Robot to generate additional properties or values (letter spacing, say), then you can generate code, then pluck the attribute (e.g. letter-spacing: 1px;) from the Mule bot code, add it to your existing selector definition in your existing custom.css file, and hold your head high, for you are a CSS master.

If you have absolutely no idea what we’re gong on about in this introduction, that may be fine… but you should high-tail off to Altavista and buy yourself a free education — spending a wisp of time reading-up on basic CSS syntax — even for ten minutes, will do wonders for your Thesis IQ.

Before You Use the Thesis CSS Code Robot

This is important. Mules don’t have warranties.  When you trot off to break a client site, your own site, or an emotionally-charged tribute to your late pet, remember our warranty is this… there is no warranty.

So, before your opposable thumbs and flimsy fingers stretch out to begin — with no accompaniment from your overrated cortex — stop, drop, and roll make a full backup of your “custom” folder using FTP. Use your server control panel (CP) if you must.

We shall repeat that. Make a custom.css backup.

Save to your local hard drive. Burn a copy of your existing custom.css file to DVD, CD, floppy disk, or a USB key shaped like a voluptuous human female you will never meet so long as you remain in your mother’s basement. Create a server-hosted backup… you might call it before-mule-custom.css… on your server.  Tattoo your current CSS code onto your disgustingly bare forearms.  But whatever you do, save a copy of your pre-edit original.


Our disclaimer is this: use this automatic CSS Thesis custom code robot tool, entirely at your own risk and with zero warranty. Recognize this custom CSS code generator may cause your Thesis-themed site to look absurd… and in some cases, your inherent foolishness may break your blog or site altogether.  Finally, the CSS code generated may light itself on fire and tromp through major metropolitan areas without warning.

What Will Happen when You Click Something Below

A new window or tab should open. Exciting!

Thesis Theme Custom CSS Robot Code Generation Options:

As creatures with better things to do than serve humans, our goodies list is limited for the time being. More to come — if we decide you are worthy.

I want to modify the layout of the Thesis theme:

Thesis 1.8.5 Custom CSS MuleBot – PAGE Framework.

Warning: Work in Progress, expect some kickin’ kinks!

If you wish to make a suggestion… or whine about something… our recommendation is: don’t. Write to the Mules in the comments, as those we can easily dismiss. Or shout to the herd on Twitter, which we can also disregard for extended periods.

Socialist Media for Humans to Click...

Add Unsubstantiated & Wild Claims from Your Fantasy World...

The herd may very well kick or bite your vile spam...

1 Tamal Anwar whinnied... 10/1/2012 at 8:53 am

Thank you Mules for making this tool. I have used it every time I was in need for some CSS reference & quick too. Thanks for being my secret weapon 😀


The South Pasture