Custom CSS allows you tweak the appearance of your site to get it looking exactly how you want, using CSS code. This section requires CSS knowledge.
Frequently Asked Questions
Are my custom CSS styles used instead of my theme’s standard styles, or in addition to them?
It’s up to you – you can choose how to load your custom CSS on the Edit CSS page:
- Add to existing CSS – this will load the theme’s standard stylesheet first, then apply your custom CSS rules afterwards. Choose this option if you just want to make some minor adjustments to a theme, such as changing the text or background color.
- Start from scratch and just use this – the theme’s standard stylesheet won’t be loaded at all. Choose this option if you want to start from scratch and design everything yourself.
I messed up. How can I reset my theme’s styles?
Go to Appearance → Edit CSS, remove all CSS code from the Editor, and click Save Stylesheet.
If you’re just getting started, there will be a learning curve, but CSS is a very valuable and reusable skill. There are a TON of great resources on the web to get you started with learning more about HTML and CSS.
Here are a few tips we live by:
- Develop your stylesheets offline.
- Use a CSS validator.
- Take advantage of your browser’s developer tools. Under Firefox, install Firebug. For Internet Explorer, install the Developer Toolbar.