Changing Text Highlight Colours

Have you ever wished you could customise the color of highlighted text on your Webflow website to match your brand's aesthetic? With a bit of CSS magic, you can!

In the 'Custom Code' section, paste the following  code below.

You'll notice two colour values: #410CE5. You can change these values to any colour you desire.

  • colour represents the colour of the text when highlighted.
  • background represents the colour of the highlight itself.

You can use colour names (e.g., 'red', 'blue') or hex codes for precise shades.

<style>

::selection {

   color: #410CE5; /* Text color */

   background: #410CE5; /* Highlight color */}

</style>

Copy code here

Explore More.

Spline & Webflow Tutorial
3D Interactive
Spline & Webflow Tutorial
clone
watch
Vertical Split Slider
Web Development
Vertical Split Slider
clone
Text Animations
Web Development
Text Animations
clone