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 Lessons (3h 23m)
    • 1. CSS Tutorial For Beginners - Get Started Today

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

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

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

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

      1:25
    • 6. Behind The Scenes Of A Form!

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

      6:29
    • 8. How Do We Save Our Changes?

      9:42
    • 9. Why Use A Child Theme?

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

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

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

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

      3:33
    • 14. Divs: Floats, Backgrounds + Widths

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

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

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

      2:11
    • 18. Using Placeholder Text In Your Form

      7:23
    • 19. Watch Your Code: Placeholder MISTAKE!

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

      2:22
    • 21. What Does Text-Transform Do?

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

      3:16
    • 23. Styling Your Placeholder Text

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

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

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

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

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

      5:36
    • 29. Quick Overview: Responsive Design

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

      5:26
    • 31. Force An Element To STAY PUT

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

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

      2:35
    • 34. CSS Specificity: Which Code Wins?

      3:08
    • 35. How To Fix Collapsed Divs

      4:00
    • 36. Clear Your Floating Divs!

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

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

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

      1:54
    • 40. Form Input Backgrounds

      2:34
    • 41. Form Borders

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

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

      2:38
    • 44. The Perfect Submit Button

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

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

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

      0:44

Project Description

Style your wordpress website with CSS! Many examples and small projects are within this course, breaking it down section by section and walking you through everything you need to know.

Student Projects