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
Thesis 2 Post Box
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
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
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
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
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
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
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
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
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.
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
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
In this session we show how to modify the style and position of the comments number in the Agility home post box and show how to drag and drop boxes to position them on the post. Rick: Your 4th question about changing the comment box to be a number by the title… Member: Yeah. Rick:
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.