WordPress template

  1. CSS Modification

Theme 1: Twenty Sixteen

I modified three CSS selectors:

  • “color: #1a1a1a;” to “color: #686868”
  • “font-family: Merriweather, Georgia, serif;” to “font-family: arial;”
  • “font-size: 1rem;” to “font-size: 2rem;”
csscodebefore1
BEFORE
csscodeafter1
AFTER

Then the appearance of the theme changed before and after.

cssbefore1
BEFORE
cssafter1
AFTER

 

Theme 2: Argent

Three CSS selectors modified:

  • “color: #404040;” to “color: #661717;”
  • “font-family: “Cabin”, Helvetica, sans-serif;” to “font-family: times new roman;”
  • “line-height: 1.7778;” to “line-height: 0.7778;”
csscodebefore2
BEFORE
csscodeafter2
AFTER

The appearance changed as seen below:

cssbefore2
BEFORE
cssafter2
AFTER

 

  1. HTML Syntax

Unordered list

I made an unordered list under the first paragraph:

unordered-list

Then the text appearance changed:

ul-appearance

 

Emphasis on a sentence

Let me emphasize “8 months” in bold.

emphasis-html

Have a look at the result:

emphasis-result

 

H1, H2 and H3 tags

We can also define some content with H1, H2 and H3 tags.

h123tags-before-html
BEFORE
h123tags-html
AFTER

Observe the changes that occur:

h123tags-before
BEFORE
h123tags-result
AFTER

 

.smdclass

A new class named .smdclass was defined:

smdclass-css

Then apply it to one paragraph:

smdclass-html

Check out the changes:

smdclass-before
BEFORE
smdclass-result
AFTER

 

  1. Google Analytics code

googleanalytics

  1. Disqus

disqus