Ready to wade further into the CSS waters? Check out these handy resources to get going.
Dipping In Your Toes
Learning how to target your site’s CSS will help you make certain design and layout changes. This three-part series from The Daily Post will help you customize your site with CSS. The techniques are applicable whether you’re hosted on WordPress.com using Custom Design – or on your self-hosted site, using the built-in Additional CSS panel in the Customizer as of WordPress 4.7, the Custom CSS module in Jetpack, or a child theme.
- An Intro to CSS, or How to Make Things Look Like You Like
- Intro to CSS: Finding CSS Selectors
- Intro to CSS: Previewing Changes with the Matched Rule Pane
The WordPress.com support pages include some helpful CSS references:
Use a color-selection tool like Flat UI Color Picker or HTML Color Picker to get colour codes to use in your CSS.
HTML is the peanut butter to CSS’s jelly – they’re meant to go together. These tutorials will help you get a handle on HTML basics.
Diving Deeper
Explore a range of CSS tutorials, from text-based to video lessons.
- HTML Dog – free CSS tutorials
- Lynda.com – CSS video tutorials – some libraries offer free access with your library membership
- Code Academy CSS tutorial
- Treehouse – CSS track
- WordPress.org – CSS Troubleshooting
- Learn CSS Layout
Media Queries
Get familiar with media queries so you can target elements on particular screen sizes.
- Using Media Queries with Custom CSS
- Media Queries for Standard Devices
- Responsive Design with CSS3 Media Queries
Need a Helping Hand?
- If you’re a WordPress.com user and are stuck on a tricky CSS challenge volunteers and staff are ready to help in the CSS Customization forums
- If you need help with a self-hosted site, the WordPress.org forums are the place to be. Each free theme in the directory also has its own forum where you can ask questions specific to the theme.