Friday, August 21, 2020

How To Change Blogger Default Text Selection Color by CSS3

How To Change Blogger Default Text Selection Color by CSS3 There are many things that we can do by using CSS. You will see Blogger widget is can easily modify by using CSS coding. Similarly I will show you simple trick by using CSS3 that will help you to change your Blogger template default text selection color. By default if you select any text by using mouse pointer on your Blogger template then it will highlighted in Blue color. But I will show you different highlighted color when any user select text from your template. However this CSS3 trick is recently supporting FireFox, Safari, Chrome and Opera but if your browser doesn't support then ignore this trick. Before Applying CSS3 Trick After Applying CSS3 Trick For adding the trick please follow the below steps- Step 1Log in to your BloggerAccount and Go to yourBloggerDashboard Step 2Now click on-Template-EditHTML Step 3Now Find this code]]/b:skinby Pressing Ctrl+F (Windows) or CMD+F (Mac) Step 4Copy and Pastethebelow codeBefore/above]]/b:skin ::selection {background:::-moz-selection {background:::-webkit-selection {background: Step 5 And click on orange color Savetemplates button. Customization You will see here background color code I have used #94F0D3 this is the main text selector color. So change that color that match your Blogger template main color. You can use our color picker for generating color code. For changing text color after selection you should alter #FFFFFF code. Here I have added white color code. So when a user select text the text color will turn white. You can change it according to your own desire. That's all about the tutorial. Now check your Blog and select any text or paragraph and see it is now showing different color. This all about CSS3 trick so anybody can modify the code.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.