Welcome to All Things GHL - Your Go To Resources for Code Snippets

Highlight Text

Customize the color of highlighted text, enhancing user interaction and design cohesiveness.

Highlight V1

.highlight strong {
    background-color: yellow;
    padding: 0.1em 0.2em;
    border-radius: 0.2em;
}

Highlight V2

.highlight strong {
    font-family: "Poppins", sans-serif;
    letter-spacing: 2px;
    padding: 0 5px;
    background: linear-gradient(
        to bottom,
        transparent 50%,
        #fce041 50%
    );
}

Funnel Instructions

  1. Paste the code into the Custom CSS section of your funnel/website.

  2. Click on the text element you want highlighted and navigate to Advanced and add highlight to the custom class input.

  3. Bold the text you want highlighted.

  4. Change the highlight color by changing background: <your color>;

Last updated

Was this helpful?