03 January 2014

How To Customize Your Text Selection




Hello! Today I am to share with you how to customize colors of your text selection!
      Don't know what text selection is? When you click and drag across words on a page, to select text, text selection is that blue and white overlay.

Instructions:

1. Log into your blogger account and select the blog in which you'd like to customize.
2. Go to Template >> Customize >> Add CSS and paste the below code into the box.
3. Save your changes and voila!

::moz-selection {
background: #EEEEEE;
color: #999999;
}
::selection {
background: #EEEEEE;
color: #999999;
}


^^^ See the numbers and letters in bold? Those are colors codes. They're customize-able. :}

To change the color of the background of your text selection change BOTH of the "#EEEEEE" in the code to your preferred color choice. And to change the color of the text, change both of the "#999999" in the code.

Here's an example of customized text selection:

 photo a163d25d-cd53-47f1-88ac-27ca15598c16_zps2875eb3f.png

Tada! You now have a basic and customized text selection! :)
     If you have any questions or maybe if you tried this, leave a comment below! I hope this helped you. :)

thanks for reading. <3
xoxo,

4 comments

  1. Yay Rosie!!
    I was just thinking about how you got it to do that. :)
    SHMANKS SO MUCH :)
    I shalt go...
    ~ Laurel

    ReplyDelete
  2. Girl you are good....I could never figure that out

    ReplyDelete
  3. Hey Rosie - is this for changing font or just color?

    ReplyDelete
  4. Thank you for this!! xx

    ReplyDelete

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose

Get my eBook, How to Be Forgotten

a collection of stories and journal entries from the days that made up 2014.