26 August 2011

How To Change Text Selection or Highlight Color in Blogger blog

Advertisements

Basically when you select any text from a webpage it shows white text on blue background as follows.

This internationally renowned, best-selling textbook provides a rational and easily understood basis for the practice of clinical medicine
Now you can change these colors with your own as follows.

Go to Dashboard > Design > Edit HTML and look for

body {

Now add following code ABOVE body {

::selection {
   background: #477980; /* Safari */
        color: #f1f1f1;
   }
::-moz-selection {
   background: #477980; /* Firefox */
        color: #f1f1f1;
   }
Change above color codes with your favorite ones and Save template.

Related Posts

2 comments

September 19, 2011 at 10:13 PM

I don't know if you can help me. I just changed my blogger template to one from LeeLou Blogs and the background is a tanish color. My problem is when I save my text is it's showing the "text background color" as a white stripe on top of the tannish colored background for the page.

Do you know how to make the text background color clear?
You can see what I mean at: http://www.blogger.com/post-edit.g?blogID=5118442891303318734&postID=969687369025864181

Thanks for any help you can give:
Tina
wswpub (at) gmail (dot) com

September 19, 2011 at 11:52 PM

First you have not given the url of that post??

If it is http://familyliteracy2.blogspot.com/2011/09/where-do-you-read-your-books.html

Try this

Edit the post and remove the background color.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More