Styling the home page, pt. 2


show more Styling the home page, pt. 2 provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes show less
please wait ...

Styling the home page, pt. 2

There is just a little bit more of the main content area of our homepage that needs to be styled. It's this section here. So let's get to that. Let's take a look at the Photoshop file that we are trying to match, and it's this region here. So it's this Featured Widgets text and then our list of two widgets here with a title, description, their image, and this View Product button here. So that's what we are going to be styling. Let's take a look at the HTML that covers that area.

It's in our index.html file here. I have our whole project opened in TextMate and it starts right here. It's just this h2 tag of Featured Widgets, and then each of those two widgets is wrapped in this list with an ID of featured-widgets. So let's style this h2 tag first. Now it doesn't have any special IDs associated with it, so let's actually put the styling for this h2 tag in our style .css file, so that we can re-use it on other pages if need be. So all h2 tags in the s...

Styling the home page, pt. 2
Video duration: 8m 17s 4h 28m Intermediate

Viewers:

Styling the home page, pt. 2 provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes

Subjects:
Developer Web
Software:
WordPress
Author:
please wait ...