Learn to Create WordPress Themes by Building 5 Projects

Adding a bit of style

Now we will add a little bit of CSS to make the post look a little better:

1. Let's go to style.css and use the article.post with a border at the bottom of each post. The border will be gray, solid and 1px. Also, let's add some padding using padding-bottom: 20px and margin-bottom: 30px:

      article.post{          border-bottom: #ccc solid 1px;          padding-bottom: 20px;          margin-bottom: 30px;      }

2. Let's add the last article or post. We don't want to have a border for it. We will add article.post and use last-child to target that last one and we'll set border-bottom to none:

      article.post:last-child{          border-bottom:none;      }

3. For the metadata, we will add a little bit of style using article.post .meta and give it a light gray background. We ...