How to Change Color of Any Theme and Template

How to Change Color Of Any Theme and Template

How to Change Color Of Any Theme and Template


Everyone one want theme design color as their choice. Sometimes people find the accurate theme design as they want but they leave it because¬†they don’t like¬†color combination of theme or template. Do you know two major things help to design our website or¬†blog professional “theme design” and ¬†“color combination”. ¬†Now come on the main topic¬†how you can change color of any theme and template.¬†You can change theme and template color easily. Only you have to follow¬†some steps then you can change your theme and template color in less then 2 minutes.So, Let’s start.


Step 1

  • Open Your Website (
  • Click “Right Button” of your mouse¬†on that place which color you want to change
  • Now Click on the “Inspect Element”

How to Change Color of Any Theme and Template 1

  • Then you can see color codes in “Inspect Element”
  • Now Just Copy that Color Code. See in the Image given below

How to Change Color of Any Theme and Template_2

Check this¬†–¬†Tips to Boost Your Blog Traffic



How to Change Theme Color

  1. Login to your website
  2. Click on the Appearance > Editor
  3. Now you have to open your .Css folder
  4. After opening .Css folder copy all the data and paste it to notepad
  5. Now click on Edit > Replace  (You can also use shortcut key Ctrl + H )
  6. Now just paste that Color code in “Find What”¬†bar¬†which¬†you have copied in Step 1
  7. Which color you want in your theme just put that¬†color code in “Replace with”. (If you want to make your color code the go to¬† )
  8. ¬†Click on the “Replace”
  9. After replacing close replace bar and copy all coding from notepad and replace it with old code in .css folder from where you copied
  10. In the last click on the “Save”

How to Change Template Color

  • Login to Blogger and open your website/blog
  • Click on the “Templates”
  • Then click on the “Edit Html”
  • Now You Can See all the html, .Css,¬†Xml data. Just copy it
  • Open notepad in your device and paste all the coding there
  • Now¬†click on¬†Edit > Replace¬† (You can also use shortcut key¬†Ctrl + H¬†)
  • Now just paste that Color code in “Find What”¬†Option which you have copied in Step 1
  • Which Color you want in your template just put¬†that¬†color code in¬†“Replace with”
  • ¬†Click on the¬†“Replace”
  • After replacing close replace bar and copy all coding from notepad and replace¬†it with old code in “Edit Html”
  • In last Click on the “Save”

Now open your website and check how’s looking after changing color.If you have any problem in this content just comment below.We will reply you as soon as possible.


Show all Most Helpful Highest Rating Lowest Rating Add your review
  1. Thanks a lot Chiranshu for such an awesome article. It helps me really.

  2. I read a lot of interesting posts here. Probably you spend a lot of time writing, i know how to save you a lot of work,
    there is an online tool that creates high quality, google
    friendly posts in minutes, just type in google – k2seotips unlimited content

    • Deana thanks for your suggestion but I will never use it because I always write my own experience on my blog that what I know. My readers believe on me and follow all the information that what I shared. I don’t want to cheat my readers.
      Whatever !!! Thanks for your feedback.
      Keep Visiting

Leave a reply

Review Reads
Enable registration in settings - general
Shopping cart