Author - Beheerder

It might look like a big job, but if you’re efficient with your code and only change the styles that affect background colors, font colors, and borders, you should be able to get them all done in one session. Here are a few tips to get you started. First of all, only focus on the content area. The header can already be customized from the customizer, and the footer is already dark, so you can leave that alone. Second, the entire site has a default background color and font color, and previously in the course you saw me change the background color, so you should already know how to do that.

Third, remember that you can group CSS selectors that have the same properties together using a comma-separated list. Fourth, always design in the browser, and when you have some styles you like, updates style.css and test it in the browser immediately. And finally, test everything you have on the site. That means the home page, single posts, pages, archives, widgets, menus, and everything else to make sure that the styles you’ve added actually affect all the content, not just part of the content.

Challenge time! If you haven’t done a challenge in a course before, here’s the gist of it. A challenge is like a mini lab built into the course where I give you some instructions and guidelines on what to do, then you pause the course, sit down and work your way through the challenge, and when you’re done, you come back to the course and I’ll explain how I solved the same challenge and walk you through the resulting code. The purpose of these challenges is to get you started working with what you’ve learned in this course immediately and allow you to experiment and explore on your own rather than just follow along with me verbatim.