How To Customize Your WordPress Site Using CSS Code

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Pin It Share 0 StumbleUpon 0 Buffer 0 0 Flares ×

Simply edit the colours in red to your own custom colours using a html hex code colour chart and add to your custom css in your custom file editor.

Custom Css Codes

Customize the colors of your author box background and border.

.custom #authorbox { background:#F7F7F7; border:1px solid #E6E6E6; margin-bottom:1em; }

customize the colours for your image background and border

.custom #content div.format_text img {border:1px solid #aaa; padding:0.4em; background:#fff;}

customize the colour of your background block qoute’s

blockquote { background: #95B9C7; }

Centre all Page Headings When Using Full Width Template

.page-template-template-fullwidth-php .title { text-align:center; }

Note: If you are using html for boxes its advisable to use shortcodes instead or you boxes may also become centred

I’ll be adding more custom css code on a regular basis to this post in the near future so consider subscribing to my blog if you plan on customising your wordpress site yourself rather than hiring a designer.

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Pin It Share 0 StumbleUpon 0 Buffer 0 0 Flares ×

Bio
Twitter
Facebook
Google+
Latest Posts

Brad Dalton

WordPress Consultant 110+ Hrs/Week, traveler and lover of big surf, making new friends & my family. Read more about Brad Dalton or contact me if you need help with WordPress.