InfoHeap
Tech
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search

Wordpress beginner tutorials

  • Getting started with wordpress and some useful plugins
  • How to add tag and category to wordpress pages
  • How to become Google verified author of your wordpress blog using Google+ profile
  • How to handle permanent redirects in wordpress
  • How to write custom css in wordpress
  • Using ssh sftp updater support for updating wordpress plugins and themes
  • Wordpress - how to display code from a file in textarea
  • Wordpress - how to make a post sticky on home page
  • Wordpress themes for beginners worth considering
 
  • Home
  • > Tutorials
  • > Wordpress
  • > Wordpress beginner

How to write custom css in wordpress

By admin on Feb 28, 2013

Sometimes we need to override some existing css or write some new custom css for the wordpress blog site. This can be pretty handy for changing background colors of specific element, etc. One option is to write a child theme which may be little involving task. The simpler option is to istall the my custom css plugin which simply allows us to add custom css to the site.

Here is a simple example of css which changes how the pre tag is displayed in the blog post.

custom css pre code

 

The sample content within pre tag before applying custom css:

before custom css pre

 

The outcome after writing custom css:

custom css pre outcome

Suggested posts:

  1. How to setup wordpress custom query params with pretty url format
  2. WordPress – how to add filter to description meta tag
  3. Curl – follow redirects
  4. Vim – how to go back to last edited line/context
  5. How to display date in wordpress pages
  6. Online tools to create comic strips
  7. Fetch wordpress rss feed as FeedBurner user agent on command line
  8. How to include bootstrap javascript and css in wordpress post
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged CSS, Tutorials, Wordpress, Wordpress beginner
  • Browse content
  • Article Topics
  • Article archives
  • Contact Us
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | Company results | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries | InfoHeap Money

Copyright © 2025 InfoHeap.

Powered by WordPress