In the screencast we dig into the HTML and CSS and WordPress template that is the single video page. We've already designed how we want this to look in our Photoshop document, so we just need to bring it to life in code.

First we bring the custom videos header into the template, that we already have structure for from the video homepage.

Then we start ripping stuff out of the old template and adding in our new markup that is in-line with our new theme.

We make good progress, but we'll need to spend more time on this to finish it up. Especially involving a little weird issue we run into at the end where we have an over-eager article tag.

Comments

  1. JoeShmoe
    Permalink to comment#

    @Chris, apparently you left the ‘Subscribe to iTunes’ link with href=”#”, you should probably change that ;)

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```

We have a pretty good* newsletter.