Custom CSS Snippets

Below you’ll find CSS snippets to achieve small tasks that might not be included in Theme Settings. These snippets can be added to AppearanceCustom CSS if using SiteOrigin CSS, CustomizeAdditional CSS or your child theme style.css file.

Revert Text Highlight Selection Colors

When you click and drag over a text string, Puro overrides the default blue background and applies a green background color. If you’re using Puro Premium and have set up your accent color in the Customizer, you’ll see your accent color in place of the green. To revert this highlight color back to the default blue, add the following to your Custom CSS plugin:

/* Revert Text Highlight Selection */

::selection {
  background: #a8d1ff;
  color: inherit; 
}
Last updated: 03/01/2022