You are here: Computer Video TutorialWordpress TutorialHow to edit wordpress css file [Tutorial]
Due to regular updates on WP, if you look for Twenty Eleven theme modification or customization tutorial, first of all, first check this post. Thanks.

How to edit wordpress css file [Tutorial]

by Kimi on December 18, 2010

It is not hard to edit wordpress css file.

Having a blog in selfhosted wordpress (not in wordpress.com) gives you lots more ability to customize your layout, including ability to edit wordpress css file.

I said it is not hard because there are lots of tutorials online and you always can learn from them. One ebook that i personally read and it helps me alot on learning wordpress template coding is rockstar wordpress ebook.

You will learn fast if you love what you are doing, so first is to have a strong will.

Basically all wordpress themes are made from css, php, and html files, which are distributed differently. One theme has different css style from another, this is why themes have different style and looks.

What you need to edit wordpress css file.

For non-techie bloggers like myself, it is very important to know a little bit css language to modify small things in our wordpress blogs.

You can learn from w3 school they do have a good tutorials for these programming languages.

To edit wordpress css file, you also need to practice alot. I usually test some themes in local wordpress installation, you can install wordpress locally in mac, and install wordpress locally in windows.

Both tutorials above i made in earlier version of wordpress, but the process is still the same, it will be local wordpress blog for training, afterall.

If you see some of my video tutorials, i also use some web developer tools that are very helpful, it sounds techie, doesn’t it? but in fact, they are quite simple tool.

Some tools or free softwares that you can use to edit wordpress css file: (i use them too, they are open source softwares!)

1. Firebug, Firefox addon, a must have tool.

Firebug is extremely useful to inspect some html elements for the layout, and this will help alot to modify the stylesheet of your blog.

2. Web developer addon firefox.

Once it is installed it will give you alots of options, including editing your site’s css before applying and save it online.

3. Hex color finder

I often use it to have colors for my blog’s styles and i can’t live without it!

edit wordpress css file

edit wordpress css file

blog seo

Some video tutorials how to edit wordpress css file.

I have made some video tutorials how i edit wordpress css file, that may help you to do the same on your blog, remember installing wordpress offline is a good idea!

1. Adding about me in wordpress sidebar.

2. Styling wordpress active button.

3. Customizing feedburner subscribe me email box.

4. How to add logo in twenty ten theme.

5. How to add borderlines between wordpress posts.

6. Editing twenty ten background’s menu color.

Everyone can edit wordpress css file if they are willing to learn.

Subscribe new tips via Email:

Was the post helpful? Share it to help others with:

{ 5 comments… read them below or add one }

Rahul December 18, 2010 at 9:58 am

I agree with you Kim, it is very easy to learn once you love what your doing, comprehension comes on easy way.

Reply

Kimi December 19, 2010 at 9:06 am

Thanks for commenting!

Reply

Pankaj Gupta December 19, 2010 at 3:51 am

Firebug is another great firefox addon for developers and it will help a lot.

Reply

Kased Ali December 19, 2010 at 7:33 am

Easily, the article is actually topic on HTML I mean html tools related issue. CommentLuv plugin also a best tool for wordpress.

I want to thank the blogger very much not only for this post but also for his all previous efforts. :)
Thanks guys.

Reply

Sachin Gupta December 23, 2010 at 10:52 am

Excellent CSS tutorial, I am wondering to do the edit in wordpress css file, I got this tutorial that fulfill my need. Thanks for sharing… :)

Reply

Know better? Feedbacks, or Questions? Shoot! :-)

Please use a name instead of blog name or SEO stuff, otherwise it will be deleted right away.

About checkbox → See more my post:how to get rid of spam bots in wordpress post.

Thank you for visiting, you're always welcomed to be here again!

Previous post:

Next post: