Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

WordPress CSS Editing

I am trying to get as familiar with WordPress as possible. However, I am having difficulty finding a video or tutorial in TeamTree that isolates how to edit the CSS of any wordpress site/ blog.

Any suggestions? Links to this video or tutorial would be great!

Thanks, Logan

3 Answers

I haven't done the Treehouse WordPress class yet (soon!) but I keep a working copy of all themes and child themes locally (you can use MAMP, WAMP, etc. or something like InstantWP - these are tools that let you work on a WordPress database on your computer rather than on the server).

I then edit the css file(s) located in the theme/child theme folder with my normal editor (e.g. SublimeText), test it locally and if all's good, upload it to the live site.

It would help to know if you're planning to build a theme from scratch or edit a child theme of a parent theme - could you post that information?

Links: http://www.wampserver.com/en/ http://www.mamp.info/en/index.html http://www.instantwp.com/

The fastest way to get started is to avoid the MAMP/WAMP setup (and uploading after which can be frustrating if your/your client's ISP/server is ANNOYING).

The css page is in your theme's folder - but you can access it via the admin panel - http://www.url.com/wp/wp-admin/theme-editor.php

1) login to the wp-admin 2) Click on appearance>editor. 3) scroll down to styles (on right) and click on the style sheet. Copy and paste this into a file and save it as a backup. 4) Edit and publish as you see fit. - you can refresh in another tab to see results.

EASY!!!!!

"The fastest way to get started is to avoid the MAMP/WAMP setup (and uploading after which can be frustrating if your/your client's ISP/server is ANNOYING)."

Why would you put up with an annoying server? Switch providers!

The css page is in your theme's folder - but you can access it via the admin panel - http://www.url.com/wp/wp-admin/theme-editor.php 1) login to the wp-admin 2) Click on appearance>editor. 3) scroll down to styles (on right) and click on the style sheet. Copy and paste this into a file and save it as a backup. 4) Edit and publish as you see fit. - you can refresh in another tab to see results.

Just because you can doesn't mean you should! When the OP is familiar and confident with WordPress theming this is definitely an option but at the start? Mmm, not sure I'd recommend it.

EASY!!!!!

DANGEROUS!!!!!

Would be very interested to hear what other Treehouse folk think about this - am I being over-cautious?