BONUS: CSS on Course Blog

DUE Thursday, Mar 08 – 2 points
(Friday NOON deadline)

In your course blog, you should have an option underneath the “Appearance” item in the main navigation of your WordPress dashboard labeled “Custom CSS.” (This requires a plugin for WordPress; most installations won’t have this.) Here you can specify custom CSS to apply to your theme: it won’t modify your theme’s CSS file, but it will inject CSS rules in the <head> element of all the HTML files for your site. For two points of extra credit, you can create custon CSS rules with a total of ten (10) individual declarations to change the look for your course blog.

Remember, each declaration block can have multiple declarations. A rule like,

body {color: yellow; background: green; line-height: 12em;}

would count as three (3) of the ten declarations. (Please don’t use those exact declarations; they are intentionally ridiculous.)

I strongly recommend you use one of the developer tools mentioned in Week 05′s BONUS: Developer Tools activity to help you what figure out existing styles are in place and what HTML elements to target, but this is not required.

  • Gradebook Declaration: I have created CSS rules with a total of ten (10) individual declarations. I have added those rules to my course blog. I can see the changes made by those rules on my course blog, and I have viewed the source of a page on my course blog after adding those rules to make sure they have been added to the <head> of the HTML file inside a <style> element.

DUE Thursday, Mar 08 – 2 points
(Friday NOON deadline)