How To Change the Text Selection Color In Blogger

Have you noticed that when you select some sentence or a single word in a website what color appears? Yes, it’s blue, because by default it set as blue color. You can simply change this color by using CSS code.

We will see how to change the default text selection color to something you wish it to be. Sounds cool? Let's give it a try.

How To Change the Text Selection Color In Blogger?

1. Go to Blogger Dashboard > Template > Edit HTML.
2. Back up your template.
3. Check the Expand Widget Templates checkbox.
4. Now search (CTRL+F) for the code tag below:

]]></b:skin>

And add the below code just before/above it:

/*------- Text Selection Color Style Start BeautifulBloggerWidgets --------*/
::-moz-selection  {
Background: #9E0ADC;
color: white;
}
::selection   {
background: #9E0ADC;
color: white;
}
/*------- Text Selection Color Style End BeautifulBloggerWidgets --------*/

Note:
You can choose a color using the Color Code Generator.

5. Once you have entered your preferred color code, save your template, and see the magic! 

Hope you enjoyed doing this trick for your blog. Thanks for reading. We will learn more such things in the future.

Blogger Tutorials, Blogger Widgets