I came across something while working with Wordpress and Thesis that I know will help at least one person and possibly save them hours of frustration. So here is the tutorial.

I was working on a revision to a visual layout of a website I previously helped develop on the Thesis theme framework. I spent more time than I should trying to find out where the extra space between webpage elements was coming from. Was it the CSS? It had to be.

I checked the CSS using my editing tools. No extra margin, no extra padding, yet I still could not get page elements aligned the way I wanted. There was a mysterious “gap” between page elements. No matter what I tried with my CSS (other than negative margins—no bueno in this case) the gap would not go away.

I finally got smart and looked as source code—the html. Typically I get to the source code earlier in the process, but this time I thought all my issues were in CSS but they were not. The key to the solution lie inside the HTML.

I recorded the video tutorial below in hopes that it might help you. If it does, let me know in the comments.

Be sure to click on the small, 4-arrow button in the bottom right corner of the video (as shown in the graphic below) to see the video at full size. Hope this helps.

http://www.vimeo.com/9775637

{ 9 comments }

I knew about this video a while back when it was in production. I had read about it somewhere in an RSS feed, or was it Twitter?, or Facebook?, or LinkedIn?… anyhow I did know that this video was being created. Day before yesterday Seth Godin brought it to back to my attention. I took some time to watch the entire video and was really struck by these people who were handed the “pink slip” and in turn made something come of it. Each person has their own story, and you have the power to write the ending.

Watch this. If anything it will get you thinking.

{ 3 comments }

New Web Site Published

Thumbnail image for New Web Site Published January 20, 2010

Today was a big day of sorts. I completed design and development work on new website. It is a custom designed website in form and function. It’s a significantly modified version of Thesis [ #thesiswp ] running on the latest install of WordPress (presently 2.9.1).
The site is http://www.ckwrites.com
I learned a great deal more about Thesis and [...]

Comments Read the full article →

What are you waiting for? Publish!

January 20, 2010

I’ve been meaning to publish a post like this for a while. The irony of that combined with the topic is not lost on me and I find quite priceless. Have a look+listen and let me know what you think in the comments below.
Do you publish? or Do you wait?

Comments Read the full article →

Taking time to update

January 20, 2010

I’ve been remiss in updating the blog. This is for various sorted reasons. Suffice it to say that I am back. Here is a video to help catch up.

Comments Read the full article →

Information Graphic Brilliance

December 10, 2009

I was sent this information graphic today and was struck by how effective it is. There is something that resonates with me.
It puts your brand at the center of the page and graphically shows you how everything encircles and supports said brand. The guys at the site provided this fantastic embeddable graphic below for you interactive pleasure [...]

Comments Read the full article →

A Website Realignment: Day 105: Content and Its Function

Thumbnail image for A Website Realignment: Day 105: Content and Its Function November 30, 2009

This next phase of the overall Re-Alignment of Berchman.com as I stated in my first post for this project is to “define purpose, guiding principles, and desired outcomes” with this website.

Comments Read the full article →

Thesis Tutorial: Funky Header Navigation

Thumbnail image for Thesis Tutorial: Funky Header Navigation November 7, 2009

Sometimes one has the need to create a custom, or “funky” header navigation and today is the day for me. So I thought I would document the process of what I do to help you with a custom navigation challenge.
We want to create a vertical navigation as is seen below in the previous version of [...]

Comments Read the full article →