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

Wordpress Premium Theme - Editing CSS

I just finished the Getting Started with Wordpress series and it was great! I've built a couple of sites using free themes, but this is the first one I am building using a Premium theme I bought from ThemeForest. When I go into Appearance > Editor, rather than having the CSS right there to edit like in the videos, my theme says "Don't edit this file to change the styles, because it is not linked by default, edit assets/stylesheets/standalone/style.css instead.*/" There is also an "Edit CSS" tab, which says (among other things...) "Just write here what you want to change, you don't need to copy all your theme's stylesheet content."

Where do I go/how do I navigate to edit the CSS, and search for the ID or class of specific elements? Thanks!

7 Answers

Randy Hoyt
STAFF
Randy Hoyt
Treehouse Guest Teacher

It looks like your theme has provided a different way to edit the CSS than the standard WordPress method. That's perfectly fine: you should follow whatever instructions the theme creator provides for you. Just click that Edit CSS tab and put any custom CSS you want in there.

Thanks so much Randy. Would I use Filezilla to find the assets/stylesheets/standalone/style.css file? I might just hold off until I take the next set of classes to learn more about CSS.

Zac Gordon
STAFF
Zac Gordon
Treehouse Guest Teacher

Hi Sheri, Randy is right that you can just add your CSS below the code already in the main style.css file.

Phil Rice
Phil Rice
5,536 Points

i would do as you suggested , use filezilla (make backups of the file of course), Have a good read of the docs though (in case the CSS was produced with a LESS compiler or something as some are now , as then you will need to use one to edit and recompile - lots easier than it sounds btw!) and if you get stuck send the support of where you bought it from an email. I usually find premium theme support to be pretty good in helping out with these things.

Thanks Zac and Phil! Phil, that's a great idea - I will contact the developer if I need support. What is the best Treehouse class to take to learn more about this part of the process?

Zac Gordon
STAFF
Zac Gordon
Treehouse Guest Teacher

We cover the general topics at the end of the How To Build a Blog series and how to find and edit the CSS file in the How To Build a WordPress Theme video. These won't relate directly to your issue but may help.

Perfect! Thanks so much.