WIE Blog

Summer 2015

paper planes
Not all paper is white just like not all webpages are white. Another discovery I made during this blog project is how to change different pages different colours on my WordPress theme. It was very important for me to be able to pull this off, otherwise I would have a very terracotta site all throughout which would become sickly to look at after a while. I found this blog post by Thad Allender of Graph Paper Press on how to change backgrounds, colors, and fonts on specific pages. Thad describes how WordPress gives the web developer granular control over the css on each page. Some examples of this are:

  • .single – all single posts, applies to all posts
  • .single-tips – all single tips, applies to all tips
  • .postid-2811 – only this specific post, doesn’t apply to any others
  • .single-format-standard – applies to all posts with the “standard” post format selected
  • .logged-in – only shows for users who are logged in
  • .admin-bar – only shows if the admin bar is enabled
  • .browser-chrome – only shows when users are using the Google Chrome browser.  This classes changes depending on which browser is being used.

I just needed to use the class of the page when adding specific css qualities.  A little hint: A good way to see what class to target is to use the browser developer tools to view what classes are showing on the body tag.

From:

Not all paper is white, not all webpages are white

© Copyright

2015