CSS Tutorial For Beginners: Style Your Wordpress Templates - Skillshare

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