CSS Tutorial For Beginners: Style Your Wordpress Templates

The COMPLETE guide to bringing new life and a professional look to your website
4.7 (17 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,006 students enrolled
Take This Course
  • Lectures 47
  • Length 3.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

Are you someone who has been working with Wordpress and want to take your sites to the next level by changing their look and their style?

Or maybe you’re frustrated because you want to make changes but you can’t figure out how to do it.

Maybe you’ve tried to make your website look better, and you’ve done the best you can but you keep getting stuck.

If you don’t learn this, I’m sorry to say that that frustration doesn’t go away! And as frustrating as it is now, imagine what you’ll feel like a month or a year from now when you STILL DON’T KNOW how to make your website look better quickly and easily.

I KNOW how that frustration feels, I’ve been there, and I know how annoying it can be to know what kind of changes you want to make, but then not know HOW to make them. But I’ve learned the RIGHT way to style websites, and it’s called CSS, and that’s what I want to teach you today.

Take a look at this example of how a simple boring form can be easily and quickly transformed into something mobile friendly and responsive! I’ll walk you through exactly how to do this and other things like it in this course.

Also, imagine what it will feel like to be able to look behind the scenes of any Wordpress website you visit and see how THEY styled it, and then be able to model that styling for your own website!

Imagine using code that makes your website look so much better the INSTANT you add it.

And what will you feel like when you can take a boring theme and injecting it with life and your own personality, quickly and easily using CSS.

This course is the complete guide to beginner css and it is the exact tool you NEED in order to style your Wordpress website.

WHEN YOU join this course TODAY, you get lifetime access. Not only that: this course will be super helpful to you now AND in the future whenever you have a question about CSS. It’s easy to ask any questions at any time and I’ll be right there with you, answering them.

Take this course NOW and I’ll see YOU on the other side!

What are the requirements?

  • You should be familiar with Wordpress
  • You should have very basic knowledge of HTML
  • All required software is free (and download links are included)
  • You should make sure you like my teaching style (please preview a video)!

What am I going to get from this course?

  • Take your websites to the next level by changing their look and their style
  • GET RID of your frustration making changes to your website by truly understanding what's going on
  • Have CONFIDENCE to know you can make any website look better quickly
  • Get UNSTUCK and feel free to make new changes without being worried it will take you hours to fix

Who is the target audience?

  • This course is for people who want to make changes to the LOOK and STYLE of their Wordpress website
  • This course is for BEGINNERS to CSS and styling websites
  • This course is for people who want to quickly and easily make their site more user-friendly and fun
  • This course is NOT for someone who doesn't care about how their website looks
  • This course is NOT for someone who hates learning about ways to quickly and easily make their site more user-friendly and fun
  • This course is NOT for someone who hates learning and figuring new things out

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Quick Course Overview
Intro To This Course
Section 2: Welcome! Overview Of CSS Selectors And Setup
What Are CSS Selectors + Why Do We Care?
What You Need To Be Set Up For This Course
What's The Point Of Using CSS?
How Does The Code Work To Let Us Use CSS?
Behind The Scenes Of A Form!
More About CSS Selectors: Be Broad Or Be Specific
Section 3: Saving Changes + Child Themes
How Do We Save Our Changes?
Why Use A Child Theme?
How To Set Up A Child Theme In Wordpress
Quick Overview On Chrome DevTools: Our New Best Friend
Section 4: Let's Dive In To CSS: Specific Changes
Selecting Our Code In Different Ways: There Isn't Just ONE Answer!
Divs: Let's Play With Margin + Padding
Divs: Floats, Backgrounds + Widths
Using Multiple Selectors For The Same Div SAVES US TIME!
Making Elements DISAPPEAR: Use The Display Property
Divs: It's Time To FLOAT
Using Placeholder Text In Your Form
Watch Your Code: Placeholder MISTAKE!
Using Borders: Do This To FIX Your Code
What Does Text-Transform Do?
Pay Attention To Small Details: Line-Height Is Important
Styling Your Placeholder Text
Section 5: Common HTML & CSS You'll See Over And Over Again
Quick Run-through: HTML Elements You Use Every Day.
Working With Images: Width, Height + Retina-Friendly
Working With Links: Padding, Margin + Fixing A Common Issue
Styling Links To Change When You HOVER Over Them
Make A Link "Pop" When You Click It
Quick Overview: Responsive Design
Section 6: Let's Go Deeper: More Common Issues + Quick Fixes
Percentages, Pixels + The Border-Box "Hack"
Force An Element To STAY PUT
Centering: Text-Align VS. Margin
Should We Write Styling Into The HTML Or CSS File?
CSS Specificity: Which Code Wins?
How To Fix Collapsed Divs
Clear Your Floating Divs!
Section 7: Create Your Own Form From SCRATCH!
Form Setup: What You Need To Do For This Section
Next Step: Give The Inputs Some Room
Width + Border-Box Saves Us Time And Having To Do Math!
Form Input Backgrounds
Form Borders
Next Step: Text-Transform + Text-Align
Make Your Fonts Match (And Use Google Fonts!)
The Perfect Submit Button
Make The Submit Button Change On Click!
Get Inspiration From Other Websites: Model Their Code
Section 8: The END!
Learn One Thing At A Time + Ask Me Anything!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Eddie Makes, Udemy Instructor

Hi! I teach about a few different topics here on Udemy. Here's some of my background:


I've been working on websites for a decade and a half, first by starting with my own projects and then building sites for others. I started just with basic html, and since then have moved on to use Wordpress almost 100%, and design using CSS. I also know some php, jquery, and javascript as well!

I love helping people save time, and my CSS course on Udemy is meant to get you up to speed quickly and without the headaches!


I've been playing piano since I was five -- when I was just a kid on my mother's lap just mesmerized by the keys. And even though I was classically trained, I fell in love with writing pop-type songs -- catchy rhythmic piano-based songs that got caught in your head. I love to teach, so this is just another step in the many years of my piano career.

I hope you learn so much from my courses.

And most importantly have fun, because that's what will truly help you become a better player, because you will keep coming back to the piano time and time again!

Ready to start learning?
Take This Course