This is the twenty eighth in a series of live lessons on using WordPress and Thesis as a Content Management System (CMS). In this lesson we adjust the look of topics in the teaser so that the list is on the same line as the title. We accomplish this by reconfiguring the HTML structure that we created earlier.
Rick: Okay let’s see, Pam, I’ll turn you back on here for a second. So what do you think about that?
Pam: It looks good. I would… well, I don’t want to be too fussy because I know I fuss around if it’s myself. I personally would put topics colon and then the topic on the same line and I’d rather not have them be underlined. But that’s a pretty shy level of detail. Other than that, I think that the site is great.
Rick: Okay well, let’s go ahead and add this to our… I mean, I’m going to go ahead and make that change too because it’s fairly easy to do. So let’s go ahead and add this to our custom CSS file because before… I want to get to rid of the semi-colons. We’ve been talking about that for weeks now, it seems like and I’ve got it all figured out. So custom CSS, single post display… okay, there we go.
So now we’ll save that document, upload custom CSS then let’s just put custom functions. Okay so rather than this being an h5, what we’re going to do is say topics…oh, that’s not what we wanted either. We’re going to say topics colon space and then let these things fall right beside it. Save that document, let’s upload both documents, let’s refresh this. So there you go, now you’ve got topics and if you don’t want this to show up as a… and even you know, maybe these are different colors. The nice thing about them being underlined of course is that you can tell it’s a link so then you can link off to it and you know, go to books on the life of Jesus by linking on that.