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

CSS

Posted by Logan Eppley
Logan Eppley
Courses Plus Student 26,697 Points

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

Lisbeth Davies
Lisbeth Davies
1,908 Points
Lisbeth Davies
Lisbeth Davies
1,908 Points

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/

Aaron McMasters
Aaron McMasters
1,951 Points
Aaron McMasters
Aaron McMasters
1,951 Points

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!!!!!

Lisbeth Davies
Lisbeth Davies
1,908 Points
Lisbeth Davies
Lisbeth Davies
1,908 Points

"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?