Personalize your WordPress: Knowing basic CSS and HTML Coding

Being a beginner on WordPress isn’t always a smooth ride, especially when it comes to making visual changes in new themes that you select or add. Majority of the themes have their default templates. However, using CSS coding we can personalize and modify some factors of the theme to quite an extent to suit our needs. As examples I selected two themes, took screenshots of how they looked before and after I made changes using CSS coding.

 

1st Theme: LIBRE

Screenshot of the theme before changes were made using CSS coding-

1st-theme-before-libre-v1

Screenshot of the theme after changes were made using CSS coding-

1st-theme-after-libre-v1

 

Following were the changes made:

  1. The background color was changed from White to Grey.
  2. The color of the post’s heading was changed from Black to Maroon.
  3. The font of the paragraph was changed to Calibri and the font-size increased to 30.

These changes were made by using the using the following CSS coding:

1st-css-coding
In the above coding h1 stands for First Heading or Heading (No.)1 of the post and p stands for Paragraph.

2nd Theme: TWENTY FIFTEEN

Screenshot of the theme before changes were made using CSS coding-

2nd-theme-before-2015-v2

 

Screenshot of the theme after changes were made using CSS coding-

2nd-theme-after-2015-v2

Following were the changes made:

  1. The background color was changed from White to Light Blue
  2. The color of the post’s heading was changed to Dark Blue and its alignment changed from Left to Right alignment.
  3. The font’s color was changed to Black and the alignment changed from Left to Center alignment.

These changes were made by using the using the following CSS coding:

2nd-css-coding

Google Analytics Code:

I have posted below a screenshot of the Google Analystics Code inserted under the Header section of my current theme, that is Argent.

google-analstics-header-code-png-v1

With this blog post I hope you’ve been able to gain some basic knowledge regarding CSS coding and that I may have been successful in motivating you to try out the coding yourself.