Build Your Own Business Website header image

Post Box

Example #1 – Modify the Archive Post Box

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Up until this point we have been looking at everything you need to know in order to effectively customize your templates in Thesis 2.3. Now you have a good overview of how to use the Skin Editor, how templates relate to web pages and how boxes work in templates. My first example of really making

How to Customize the Post Box in Thesis 2.1 – Part 8 – Adjust for Responsiveness

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The styling for this Post Box in Thesis 2 looks pretty good now. So, the next thing we want to do is check it in the responsinator and then fine tune it. It looks like that's definitely problematic, that one is problematic. So we want to set a min width. At what point did it

How to Customize the Post Box in Thesis 2.1 – Part 7 – Align Social Sharing Boxes Using HTML, Float & Padding

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Everything we have done to customize the Thesis 2 Post Box so far has been fairly simple. We're now going to start talking about something that's more complicated and that is using absolute and relative positioning to put the other things in their places. The first thing I have to do is install a couple

How to Customize the Post Box in Thesis 2.1 – Part 6 – Style the Footer

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So we've got this structure here in the footer of our Post Box in Thesis 2. Before we start adding other things to it let's just go ahead and add a background color. We've got a background color and a little tiny border around it so let's do that same thing with this.There we go

How to Customize the Post Box in Thesis 2.1 – Part 5 – Structure the Footer HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So far we’ve styled the post title and the thumbnail image in the Thesis 2 Post Box. The next thing we're going to do is move our Read More over to here and that's going to happen inside of our Skin Editor. Open up our Post Footer and we're going to shift+drag our Read More

How to Customize the Post Box in Thesis 2.1 – Part 4 – Style the Featured Image Thumbnail

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So we've got this Post Title styled for the Thesis 2 Post Box and now we're going to move on to styling the image. The image in this example here essentially has a frame and that frame, in this case, is a border with padding and a background color. What we want to do is

How to Customize the Post Box in Thesis 2.1 – Part 3 – Style the Post Title

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So what we've got is our image floating here to the left in this Thesis 2.1 Post Box and these elements essentially doing what we want them to do. There is a little bit of work we have to go to yet but this is all possible because of float, right? We floated this image

How to Customize the Post Box in Thesis 2.1 – Part 2 – Align the Image and Text with the Float Property

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Once you understand the structure of the post box in Thesis 2 the very first thing you have to wrestle with is this concept of float. Let’s look at this thumbnail image here. When we select the alignment you see it is assigning a class called "align:left" to this which makes the image float to

How to Customize the Post Box in Thesis 2.1 – Part 1 – Map Out Post Box HTML Structure

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Today you are going to learn how to create this style of post box in Thesis 2. It’s got an image on the left and then on the right a title with text below that and the social media links shown below. I'm going to be using our Agility Skin as the basis because the

How to Customize the Post Box in Thesis 2.1

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this seminar we look at a significant restyling and reorganization of the Thesis Post Box. This involves a bunch of very simple CSS concepts as well as a more advanced concept - floats. We start by looking at the html structure of the sample site and discuss strategies for imitating it in the current site. Next we take an in depth look at the float property as a tool for arranging various elements in the post box. Then we style the resulting structure. Finally, we make adjustments to our media queries to make the whole thing responsive.

The Beginner’s Guide to the Thesis 2.1 Skin Editor – Part 12 – Example – Include the Author’s Name on Posts but not Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Example number 2 in this Beginner’s Guide to the Thesis 2.1 Skin Editor is to show you how to include the author’s name on posts but not pages. So for example, if we come over here to oranges, the post author is here but if we come over to pages, I don’t want to see

Thesis 2.1 for DIY Website Builders – Part 8 – Remove the Byline from Pages but Not Posts in the Thesis 2.1 Skin Editor

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We’ve just learned how to remove the text box in the sidebar from a Thesis 2.1 template so the next thing we're going to do is remove the byline and other options from pages but not from posts. The way that works is to come back over here to Post and Page Output under Skin

Create a Magazine Style Blog Site with Thesis 2 – Part 18 – Style the Archive Post Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We'll save that Archive template. And now we're going to style the Archive Post Box. Let’s come back over here to the packages and we're going to go to our Main Post Box. We want an Archive Post Box so Post Formatting, add package Archive Post Box and we'll leave it like this for the

Thesis 2 – How to Make the Titles on the Homepage and Archive Pages Linkable

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we demonstrate how to make the titles on the homepage and archive pages linkable using the checkbox in settings. Member: I've got the blog, you know like the category page? It looks like the category page and the other on the new site except the only difference is, none of the titles

Lesson 12 – Part 3 – Understanding the Thesis 2 Post Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now we’re going to talk about how content is displayed in Thesis 2. This is the Lesson 12 site. And in fact, we’re going to switch out of Agility for a moment and switch into the Thesis Classic theme for the first part of this conversation. We’ll come over to Thesis and the Select Skins.