How to change color combination in blogger by writing custom CSS

How to change color combination in blogger?

Blogger is very popular now a days to host websites and blog completely free. It is provided by Google and have some really nice themes to start with. Sometime we would like to go a little further to customize layout and colour combination to mach our brand or niche.

We can customize it by writing CSS in blogger. Log in to dashboard and click on theme-customize-advance-custome css.

Find CSS Tag

• Open website in separate tab and right click on the option you are about to customize. See the picture below.

•  Select “Inspect” option to view CSS tag. It will appear as shown in the picture given below.

• CSS tag will start with #(hash) or .(dot) sign eg. #menu or .menu. Copy the code as appearing above like #menu ul li a and write CSS code…..

          #menu ul li a

            {

               font-color:#000;

            }

• #000 is html color code. You can write color name also. Remove # to write color name instead of code.
• Fore mouse over color write the code as given below.

        #menu ul li a:hover

             {

                 font-color:#000;

             }

• Similarly you can change background color also.

           #menu ul li a

             {

                 background:#000;

             }

(Did you like – How to change color combination in blogger? Please share)

Also read: How to link google drive images with blogger or other websites