Simple Thesis Theme Tutorial

Little Changes, Big Effects

So before you start laughing here, I am going to show you some of the simple changes I’ve made using only tools that come with Thesis ‘as-is.’  If you are just getting started with using Thesis, think of this as me, the fourth grader, teaching you, the third-grader.  My meaning is that I really don’t know much more than you and I am still working hit and miss. So here goes. I started out with the plain white theme and ahm installing the ‘bg-ocean’  header background below. Take a look below. It comes as a bonus to the package in the custom-images download.  More on that later  – Here is what my blog looked like before these changes – Pretty much vanilla, as you can see. I loaded the images from DIY Themes that is available with the custom_backgrounds.css file in the users guide and used ftp to place bg-ocean.jpg to my Thesis 1.51 images file and then added code to my custom.css file using Thesis OpenHook.

/* -:[ Content ]:- */

body.custom {
 background: #8db6b6 url('images/bg-ocean.jpg') 50% 0 no-repeat;
}

.custom #container {
 margin-top: 1em;
 margin-bottom: 1em;
}

.custom #page {
 background: #fff;
}

.custom #content_box {
background:#FFFFFF none repeat scroll 0 0; width: 924px; positions: aligncenter
}

.prev_next {
border-top: none
}

And, voila, here is what I got. I would love to hear what you think.  This is my first attempt at a tutorial.  I have probably left info out.  I know it is the basic of the basic and it is meant to show you that anyone, even me, can make big changes using Thesis as the platform. You can grab the thme here and stay tuned –

Originally posted 2009-07-19 18:52:05. Republished by Old Post Promoter

,

Tagged as: thesis theme tutorial