PowerUps
PowerUp My SiteMember Login
Kit
Kit
  • 🚀Getting Started With Kit
  • 💥Kit PowerUps
    • Kit Common Sections
      • Base Kit
      • Funnel Kit Opt In
    • Promos Kit
      • Adding a Promo Super Power to a Page
      • 01 - Sticky Popup With Exit Intent
      • 02 - Scratch & Win
      • 03 - Large Sticky Popup
      • 04 - Deals Slider
      • 05 - Deals Slider (Small Card)
      • 06 - Bundle Promo
      • 07 - Single CTA With Timer
      • 08 -Banner With Background Video
      • 09 - Bar with Animated Coupon
      • 10 - Before The Sale Opt-In
      • 11 - Sticky Bar with Countdown & Accent Text
    • Sections Kit
      • Banner Sections
        • 01 - Side Video
        • 02 - Thin with Parallax Image
        • 03 - Colorful Image & Text
        • 04 - Background Video
        • 05 - Popup Video
        • 06 - Popup Video Full Height
        • 07 - Image on Left Side
        • 08 - Button on side
        • 09 - Full Height Background Image
        • 10 - Image on Right Side
        • 11 - Call out on Image (side)
        • 12 - Call out on Image (center)
        • 13 - Rotating words and icons
      • Content Sections
        • 01 - Image and Text
        • 02 - 2 Images & Text
        • 03 - Image, Text & Quote
        • 04 - Heading and Side Text
        • 05 - Text & Image (Alternating)
      • Icons Sections
        • 01 - 3 Columns (icon on left)
        • 02 - 2 Column Cards
        • 03 - 4 Columns
        • 04 - 3 Column Cards
        • 05 - 5 Columns
        • 06 - 3 Columns Motion Cards
        • 07 - 3 Columns (icon on top)
        • 08 - Circle Background
        • 09 - 3 Columns Border Card
        • 10 - Tall Cards
        • 11 - 3 Columns Cards
        • 12 - 6 Columns
        • 13 - 3 Columns Color Hover
      • Lists Sections
        • 01 - Centered List
        • 02 - List With Side Image
        • 03 - Centered Box With Background Image
        • 04 - Lists On Side
        • 05 - Full height with Image
        • 07 - Comparison List With Background Image
        • 08 - 3 Columns Text Only
        • 09 - 3 Column Cards
        • 10 - Line Separated
        • 11 - Lists Under Content
        • 12 - Two Columns
        • 13 - Image & Block Quote
        • 06 - Image in center
      • Modules Sections
        • 01 - Tabbed Content
        • 02 - Big Image & Slider
        • 03 - 4 Column Hover Cards
        • 04 - 3 Column Overlay Cards
        • 05 - 4 Column Hide & Seek Cards
        • 06 - 4 Column Cards With Circle Image
        • 07 - 3 Column Tall Hover Cards
        • 08 - Slider Hover Cards
        • 09 - 4 Column Tall Zoom Cards
        • 10 - 3 Column Cards Summary Hover
        • 11 - 4 Column Tall Animated Cards
        • 12 - 3 Column Cards
        • 13 - Large Slider
        • 14 - 3 Column Hover Cards
        • 15 - Module Outline
      • Pricing Sections
        • Adding a Pricing Super Power to a Page
        • 01 - Single CTA With Accent Text
        • 02 - Two Pricing Plans
        • 03 - Value Stack - Single CTA
        • 04 - Summary Stack Single CTA With GIF
        • 05 - Slide In Comparison - Two Plans
        • 06 -Simple Two Plan CTA With Background Image
        • 07 - Single vs Membership Compare With Bonus Sections
        • 08-Single CTA With GIF Mockup
        • 09 - Multi Column Comparison
      • Social Proof Sections
        • 01 - 3 Columns & Small Image On Bottom
        • 02 - 3 Columns & Image On Top
        • 03 - 3 Columns & Small Image On Top
        • 04 - 3 Columns Images (Screenshots)
        • 05 - Slider & Big Image
        • 06 - Slider With Quote On Side
        • 07 - Slider Cards With Image On Top
        • 08 - Slider With Image on Side
        • 09 - Slider With Small Image On Top
        • 10 - Slider With Large Quote
        • 11 - Slider With Small Image On Bottom
        • 12 - 3 Columns Just Text
        • 13 - Video testimonials
  • 📚Kit Usage Guides
    • Popups, Timers & Exit Intents
      • Popup Visibility Settings
      • Exit Intents
      • Using A Countdown Timer
    • Media
      • Image Optimization
      • Canva Templates
      • Using Background Videos
    • Smart Settings
      • Smart Style
      • Icons
  • 💬Support & Help
    • Getting Help
Powered by GitBook
On this page
  • How to use Smart Style
  • Smart Style Start Tags
  1. 📚Kit Usage Guides
  2. Smart Settings

Smart Style

PreviousSmart SettingsNextIcons

Last updated 2 years ago

Inside Kit Super Power sections for most text entries, you may see the words "Smart Style" show next to the label. This indicates that this field supports special "tags" that will allow you to quickly apply effects using your colors that you have configured inside of

PRO TIP: Use some Smart Style inside of Kit's Social Proof super power sections to call out key words in the testimonial. It can help "stop the scroll" and draw attention to the key benefits and outcomes your course will provide => higher conversions.

How to use Smart Style

Smart Style Start Tags

  • [C1], [C2], [C3], [C4], [C5] - will start smart styling with your colors 1-5

  • [G1] - will start styling with your gradient color

  • [H1], [H2], [H3], [H4], [H5] - will start smart styling with a highlight color effect using your colors 1-5

  • [F1], [F2], [F3], [F4], [F5], [F6], [F7], [F8] - will start smart styling with certain font weights or "boldness", the higher the number the bolder the text is

Base Kit