Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Suli S
Suli S
1,475 Points

Is it easy to edit the CSS of Wordpress?

After completing the CSS course, is it easy to edit the CSS of WordPress? or does it require more advanced techniques?

1 Answer

Colin Marshall
Colin Marshall
32,861 Points
Colin Marshall
Colin Marshall
32,861 Points

It depends on the theme you are using. Some themes have a custom CSS box built into the theme options so you can just start adding in your own styles right from the WP dashboard.

Other themes might have a file like "custom.css" in the styles folder that is empty and is there for you to add to it. You can do this from the Editor under the Appearance section, or download the file via FTP, make your changes and save, and overwrite the old one.

If your theme doesn't have either of those options for custom CSS, you can create a custom CSS file and go into your theme's header.php and link the stylesheet. Make sure you link it AFTER the other stylesheets so that your custom CSS rules override any of the ones already in place.

Suli S
Suli S
1,475 Points

But how can I know the names of selectors, etc for the WordPress? and are they different from theme to theme?

Colin Marshall
Colin Marshall
32,861 Points
Colin Marshall
Colin Marshall
32,861 Points

Yes they are different from theme to theme, just as they are going to be different from any 2 sites really.

As far as knowing what selectors to use, it sounds like you may need to learn how to use the inspector in your web browser. In my opinion it is something you MUST know in order to be a web designer/developer. It makes your life SO much easier, and does not take much time to learn and understand if you already understand CSS.

For FireFox, get FireBug. Or for Chrome it is called Developer Tools, and is built-in. Check out this article on how to use Chrome Developer Tools:

http://webdesign.tutsplus.com/tutorials/workflow-tutorials/faster-htmlcss-workflow-with-chrome-developer-tools/