18 May 2016

// // Leave a Comment

How To Change The Color Of Highlighted Text In Blogger

On the list of coolest options for selecting a new text on the website is usually to drag your current mouse everywhere over the content. While Choosing Text or every other element on the blog, on your current desktop monitor a Highlighted color appears, this assists us inside selection. Mostly, the picked area is actually highlighted using blue shade (Default). What exactly are your thoughts, about transforming that highlighted color to a thing that matches your current color plan? It would give a new touch to your website. The technique is extremely straightforward that it takes seconds to try and do. Today in this post, i will learn how to Change your Default Text Selection Colour with CSS in Blogger.



The best CSS3 announcement that an individual might use today is:: collection, which overrides your current default textual content highlighter color which has a color of this choice. Presently, it is effective on almost just about every browser which supports Webkit. It’s a sufficient technique which works in modern windows. However, it gets ignore in old browsers, so it doesn’t make a rich effect.


How to Change The Default Text Selection Color With CSS:

There is no trick applied behind it because the ::selection code does the job with perfection. So to add custom Highlighter Text selection color in your Blogger platform does as follows. (Remember: This tutorial would also work on WordPress or any other platform built with HTML).
  • Go To Blogger >> Template >> Edit HTML.
  • In the template, search for ]]></b:skin> tag and above it paste the following coding.
[code]
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
[/code]
Replace #ff6200 with your personalized color and save the template.

Final Words:

This is a easy tutorial to change highlighted text color in your blogger blog and attract more visitors and get a professional look. Now It's your turn to share this post with your friends and write your views in comments till then Happy Changing.

Share:

0 comments:

Post a Comment