Uncategorized

Modify HTML on WordPress

How to change a WordPress Theme

Before

After

Heres what I did

Appearance > Themes> Select your preferred theme and click on activate

Modifying CSS Selectors on my theme

Before

After

To do this follow these steps:

  1. Select Appearance of the left panel of WordPress
  2. Click on Customize
  3. Select the Additional CSS option and make your changes

Heres the code I used

 

Making some modifications to content with H1, H2 and H3 tags

Heres What I did

Before

After

Heres what I did

Go to appearance tab and click on editor
Go to the style.css tab and find the typography section
Search for headings (H1,H2,H3)

I have made different changes to all the 3 headings. For this, I defined H1, H2 and H3

For the H1 tag
I Changed color to red, font to Arial and font size to 28px, font style to italic

For the H2 tag
I changed color to blue, font to Times New Roman, font size to 24px font style to italic

For the H3 tag
I changed color to #0a8465, font to Georgia font size to 20px

 

Heres the steps I followed to create an unordered list on my blog post. I also added the Emphasis tag in my 2nd point

Before

My List

Toronto Raptors
Maple Leafs
Blue Jays

After

  • Toronto Raptors
  • Maple Leafs
  • Blue Jays

Heres what I did

Installing Disqus

Follow this steps to install Disqus on your website

  1. Go to left panel of your WordPress admin, select Plugins > Add New.
  2. Then Search for “Disqus” in the plugins and find the plugin provided by “Disqus”.
  3. Select Install Now > Activate Plugin.

%d bloggers like this: