Want to change the text selection color of your page?

  • 1
  • Praise
  • Updated 8 years ago
Hello everyone on the Yola community! Have you ever been to a site that has a different text-selection color than your computer's default setting? Were you trying to find out how to do this? Well, now you can!

First drag over an HTML widget any where on your page.

A box will pop up, paste this into it:

<style type="text/css">
::selection { background: #7BE848; color: white; /* Safari */ }
::-moz-selection { background: #7BE848; color: white; /* Firefox */ }
::-o-selection { background: #7BE848; color: white; /* Opera */ }
</style>

Change the '7BE848' to whatever code is in the box after you select your color here: http://colorpicker.com and remember to keep the # in front of the little HEX code you copy from that site after you select the color. If you just want a solid color, just put in green or red or whatever color you want and DON'T put the # in front of that since its not a HEX code. Remember you have to change this one each little part because each one of those are for different browsers.

I hope this helps out someone.

Nathan

Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
  • happy

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for sharing Nathan! I'm sure people will enjoy this tip!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
No problem :)
Photo of logica investigatra

logica investigatra

  • 17 Posts
  • 0 Reply Likes
this is great!!!!!!!!!!!!!!!!!!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thanks :) If you need any help with it let me know.

Sincerely,
Nathan