This tutorial will show you how to change the color of the text selection highlighter for your Weebly site.
Step 1. choose a color
Sounds simple enough. Choose a hex color that you'd like highlighted text to appear in. Most websites already have a signature theme color they use, but if not, you can use color-hex.com to help you find a color.
For this tutorial, we're going to use the hex color #700ebe.
Step 2. Open Weebly's HTML/CSS Editor
Click on "Design" at the top and then click on "Edit HTML/CSS" on the left
Step 3. install CSS code
Click on "main-styles.css" in the top-left, scroll all the way to the bottom, and then copy and paste the code from below. Be sure to add your hex color to the orange area as shown in the codes below.
"I write a review very infrequently, but Weeblytricks deserves one. Chris went above and beyond to make sure he understood the scope of what we wanted and provided a great product in a very timely manner. Will use again and would recommend!" - Arthur, 8/17/17
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.