Mahlena Learned How to Code Like a Pro. What Happened Next?

What had happened was...

(Image: Unsplash.com)

 

For my website, I started with the Sela theme, and at the top, I added a photo of a beach from Unsplash.com.

 

 

WEBSITE BEFORE MODIFICATION:

Website before modification screenshot

 

WEBSITE AFTER MODIFICATION:

 

CSS SELECTORS MODIFIED:

Website header and Post title

I changed the font, size, and style of the website header and the post titles to Georgia, 50 px, and italic by using the following code:

h1 {
font-family: Georgia;
font-size: 50px;
font-style: italic;}

 

Background

I changed the background colour of the website to coral by using the following code:

body {background-color: coral;}

 

Border:

I added a red, double border to the website and sections by using the following code:

div {border: double;
border-color: red;}

 

HTML SYNTAX AND .SMD104 CLASS:

Here is my unordered list:

  • Sonia
  • Elena
  • Ruth

 

Here is my ordered list:

    1. Sonia
    2. Elena
    3. Ruth

 

In this sentence, the empha-sis is on the wrong syl-la-ble.

 

Here’s my first header, Header One.

Here’s my second header, Header Two.

Here’s my third header, Header Three.

 

Here is my new class paragraph. This class affects colour, typeface and font size. It is applied to one paragraph on my blog: this one!

Here is the code I included in the Additional CSS section of WordPress to apply to the paragraph above:

.smd104 {
font-size: 60px;
color: blue;
font-family: Helvetica;
}

GOOGLE ANALYTICS CODE:

Here is a screenshot of the window with my Google Analytics code, which I installed in the Theme Footer of my website:

Mahlena's Google Analytics Code

 

Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *