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
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

6 of 6 students recommend this class