CSS and Html are like spaghetti and meatballs, like a burger and coke, like mac and cheese. When done well, it works together to make a webpage look appealing and dynamic. In this post, I will be showing examples of some basic CSS & HTML magic on WordPress.

 

Theme 1: Twenty Fourteen

Before:

2014-before

I chose to change:

  • the color of the title text
  • the background color of the title
  • the color of the paragraph

Here are the screenshots of changes in the CSS:

2014-after-code

2014-after-code2

screen-shot-2016-10-21-at-2-48-19-pm

After:

2014-after

Theme 2: Hemmingway

Before:

hemmingway-before

Here, the changes I made were:

  • Highlight the H1 text, which when hovered over, should match the colors of the social media icons on the side.
  • Change the background color of the page.
  • Change the font of the paragraph to Helvetica.

Here are the screenshots of the changes in the CSS:

screen-shot-2016-10-21-at-2-22-37-pm

After:

hemmingway-after

Google Analytics Coding:

google-analytics-code