Css coding

Today, I will be using CSS coding to make some changes to the default themes of the WordPress. I will be making these changes in two themes:

  • Nisarg
  • Twenty Fifteen

First Theme: Nisarg

Below is the screenshots of the default theme without changes-

theme-1-before

First Image before changes

 

theme-1-before-p2

Second Image before changes

 

Now, these are the changes I made:

  • Heading- Color and text alignment
  • Paragraph- Font family and font size
  • Paragraph 2 – Font family, font size, and color

In the heading, color was changed from black to a shade of red and text alignment was changed from center to left. In the paragraph, font family was changed to “Helvetica” and font size to 20 px. In paragraph 2, font family was changed to “Times New Roman”, font size was increased to 22 px and color was changed to blue.

So this is how it looks like after changes-

 

theme-1-after

First Image after changes

 

 

theme-1-p2-after

Second Image after changes

 

Code used to make the changes-

theme-1-css-code

SmdClass created:

smd-before 

smd-after

Smdclass effect

 

Second Theme: Twenty Fifteen

 

theme-2-before-twenty-fifteen

 Image before changes

Now, these are the changes I made:

  1. Body color
  2. Heading 1 – Color, font family, and text alignment
  3. Paragraph – Text alignment

Body color was changed to orange. In the Heading 1, color was changed to blue; font family was changed to “Calibri” and text alignment to center. In the paragraph, text alignment was changed to center.

theme-2-after

Image after changes

 

Code used to make the changes-

theme-2-css-code-2

 

Google Analytics Added:

google-analytics-code

 

Disqus comment system was successfully installed and activated:

disqus

 


If you’ve any doubt or still have questions then leave a comment below.

 

WordPress: Basic CSS and HTML Coding

Post navigation