InfoHeap
Tech tutorials, tips, tools and more
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 write custom php in wordpress
  2. WordPress – write custom php log to separate file
  3. Using WordPress custom field for displaying code
  4. WordPress mysql query to get all custom keys and values for a post
  5. How to use google custom search for wordpress site
  6. How to setup wordpress custom query params with pretty url format
  7. WordPress SEO – beginner guide
  8. How to show wordpress pages on front page with skip_home custom field
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 | 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

Copyright © 2023 InfoHeap.

Powered by WordPress