WordPress: CSS and HTML

WordPress: CSS and HTML

Theme #1

screen-shot-2016-10-09-at-13-52-52

Google Analytics code was successfully inserted to Header.php between head statement

CSS Selectors editing

Before

screen-shot-2016-10-09-at-14-25-47

After

screen_shot_2016-10-09_at_14_17_19

Now let’s see how the CSS was modified

Before

screen-shot-2016-10-09-at-14-09-11

After

screen-shot-2016-10-09-at-14-08-37


Before

screen-shot-2016-10-09-at-14-39-37

After

screen-shot-2016-10-09-at-14-44-00


Before

screen-shot-2016-10-09-at-14-39-56

 

After

screen-shot-2016-10-09-at-14-44-06

All of the modifications were done in Style.css file

To sum up, as for the theme #1 these changes were made:

  • Installation of the Google Analytics
  • Modifying of “p”, “h1”, and “h6” selectors

Theme #2

screen-shot-2016-10-09-at-15-45-47

Google Analitycs was inserted in Header.php between head statement

CSS Selectors editing

Before

screen-shot-2016-10-09-at-15-38-28

After

screen_shot_2016-10-09_at_16_07_32

Let’s dive into CSS code

Before

screen-shot-2016-10-09-at-15-57-51

After

screen-shot-2016-10-09-at-15-59-36


Before

screen-shot-2016-10-09-at-16-03-23

After

screen-shot-2016-10-09-at-16-06-00

Style.css was modified to make these changes.

Let’s summarise the steps:

  • Google Analytics code was inserted into Header.php
  • Three selectors were changed: “h2”, “h3” and “p”

 

Disqus comment system was successfully installed and activated.


Comments are closed.
%d bloggers like this: