Build Your Own Business Website header image

How to Create a Landing Page in Thesis 2 & Agility – Part 7 – Style the Landing Page Title & Content

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Now that we’ve styled the header of the Landing Page in Thesis 2, we’re going to style each one of these things. The next thing we’re going to do then is make this a lot bigger and this is our landing h1 so this is going to be our landing post box h1 and we’re going to just make it a whole bunch bigger so we’ll create another single element style. We’ll call it Landing Header h1 and then we’ll call it .landing_page then it’s going to be .post_box and then h1.

In terms of font size, we are going to pick 72 and this should go down under post box, there you go. Nice looking header and if you want to change its color, we could do that. We could pick up this color here, there you go so now we’ve got. We could also center it if we wished, let’s go ahead and do that too, let’s just center the text. Under font settings, text align, center, there we go.

The next thing we want to do is change this up here. In particular, we want to get rid of this extra thing here and we want to make this secondary headline a little bit bigger. So what we’re really doing here is styling Landing Page .post_box, .post_content h2 so in that case, what I’m going to do is I’m going to come over here to custom CSS and write that, landing_page and the rest of that stuff margin top:0px and then font size:32px, let’s save that and see what it looks like.

0 Comments… add one
0 comments… add one

Leave a Comment