Difference between revisions of "Custom CSS"
From Help Wiki
m |
m |
||
| Line 2: | Line 2: | ||
You can write custom CSS (Cascading Style Sheets) to override the theme's CSS. | You can write custom CSS (Cascading Style Sheets) to override the theme's CSS. | ||
| − | #Activate the '''Slim | + | #Activate the '''Slim Jetpack''' plugin in your site |
#Go to '''Settings > Jetpack" | #Go to '''Settings > Jetpack" | ||
# Activate '''Custom CSS''' | # Activate '''Custom CSS''' | ||
| − | #Go '''Appearance > | + | #Go '''Appearance > Edit CSS''' and begin creating your own style sheet to override the built-in theme's style sheet |
#You'll need to learn how your theme's HTML and CSS is structured, primarily what are the names of the IDs and Classes used so you can override them in your style sheet. Some great tools for this are: | #You'll need to learn how your theme's HTML and CSS is structured, primarily what are the names of the IDs and Classes used so you can override them in your style sheet. Some great tools for this are: | ||
| + | #*[http://getfirebug.com/ Firefox Firebug] | ||
| + | #*Safari's Develop Menu | ||
| + | #*Firebug for Chrome | ||
| + | #To learn CSS basics try [http://www.w3schools.com/css/DEFAULT.asp w3schools.com] | ||
| − | |||
| − | |||
| − | |||
{{WordPress Help}} | {{WordPress Help}} | ||
[[category:Wordpress]] | [[category:Wordpress]] | ||
Revision as of 09:36, 16 April 2014
Customize the CSS of your theme with Custom CSS
You can write custom CSS (Cascading Style Sheets) to override the theme's CSS.
- Activate the Slim Jetpack plugin in your site
- Go to Settings > Jetpack"
- Activate Custom CSS
- Go Appearance > Edit CSS and begin creating your own style sheet to override the built-in theme's style sheet
- You'll need to learn how your theme's HTML and CSS is structured, primarily what are the names of the IDs and Classes used so you can override them in your style sheet. Some great tools for this are:
- Firefox Firebug
- Safari's Develop Menu
- Firebug for Chrome
- To learn CSS basics try w3schools.com
Need More Help?
- WordPress Tutorial - for a step-by-step tutorial to get you started
- FAQs - common questions about using WordPress at Evergreen
- All WordPress articles
Still have questions or problems with WordPress, send Academic Computing a message or call the Computer Center at 360-867-6227.
