CSS Tutorial For Beginners: Style Your Wordpress Templates

Eddie Irvin, Web Development + Coding

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
47 Videos (3h 23m)
    • CSS Tutorial For Beginners - Get Started Today

      1:58
    • What Are CSS Selectors + Why Do We Care?

      6:12
    • What You Need To Be Set Up For This Course

      2:36
    • What's The Point Of Using CSS?

      1:51
    • How Does The Code Work To Let Us Use CSS?

      1:25
    • Behind The Scenes Of A Form!

      6:50
    • More About CSS Selectors: Be Broad Or Be Specific

      6:29
    • How Do We Save Our Changes?

      9:42
    • Why Use A Child Theme?

      3:28
    • How To Set Up A Child Theme In Wordpress

      3:09
    • Quick Overview On Chrome DevTools: Our New Best Friend

      5:19
    • Selecting Our Code In Different Ways: There Isn't Just ONE Answer!

      11:43
    • Divs: Let's Play With Margin + Padding

      3:33
    • Divs: Floats, Backgrounds + Widths

      6:44
    • Using Multiple Selectors For The Same Div SAVES US TIME!

      4:11
    • Making Elements DISAPPEAR: Use The Display Property

      4:39
    • Divs: It's Time To FLOAT

      2:11
    • Using Placeholder Text In Your Form

      7:23
    • Watch Your Code: Placeholder MISTAKE!

      1:10
    • Using Borders: Do This To FIX Your Code

      2:22
    • What Does Text-Transform Do?

      3:07
    • Pay Attention To Small Details: Line-Height Is Important

      3:16
    • Styling Your Placeholder Text

      1:53
    • Quick Run-through: HTML Elements You Use Every Day.

      5:48
    • Working With Images: Width, Height + Retina-Friendly

      10:27
    • Working With Links: Padding, Margin + Fixing A Common Issue

      8:26
    • Styling Links To Change When You HOVER Over Them

      5:35
    • Make A Link "Pop" When You Click It

      5:36
    • Quick Overview: Responsive Design

      6:22
    • Percentages, Pixels + The Border-Box "Hack"

      5:26
    • Force An Element To STAY PUT

      3:39
    • Centering: Text-Align VS. Margin

      4:05
    • Should We Write Styling Into The HTML Or CSS File?

      2:35
    • CSS Specificity: Which Code Wins?

      3:08
    • How To Fix Collapsed Divs

      4:00
    • Clear Your Floating Divs!

      4:42
    • Form Setup: What You Need To Do For This Section

      2:09
    • Next Step: Give The Inputs Some Room

      4:36
    • Width + Border-Box Saves Us Time And Having To Do Math!

      1:54
    • Form Input Backgrounds

      2:34
    • Form Borders

      2:58
    • Next Step: Text-Transform + Text-Align

      1:34
    • Make Your Fonts Match (And Use Google Fonts!)

      2:38
    • The Perfect Submit Button

      6:20
    • Make The Submit Button Change On Click!

      4:02
    • Get Inspiration From Other Websites: Model Their Code

      2:02
    • Learn One Thing At A Time + Ask Me Anything!

      0:44