Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

  • Table (Adv) Block
  • Create a Full Screen Landing Page
  • How to use Popup Modal Filters with Advanced Query Loops
  • Integrating Kadence Forms with Mailchimp
  • Site Identity Block
  • Search (Adv) Block
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • The Kadence Header (Adv) Block
  • Google Maps Block
  • Integrating Kadence Forms with Mailerlite
  • Repeater Block
  • Accordion Block
  • Progress Bar Block
  • Form (Adv) Block
  • Gallery (Adv) Block
  • Section Block
  • Product Carousel Block
  • Image (Adv) Block
  • Buttons (Adv) Block
  • Count Up Block
  • Table of Contents Block
  • Lottie Animation Block
  • Show More Block
  • Posts Block
  • Countdown Block
  • Tabs Block
  • Row Layout Block
  • Form Block
  • Info Box Block
  • Spacer/Divider Block
  • Icon Block
  • Icon List Block
  • Text (Adv) Block
  • Testimonial Block

Getting Started

  • Kadence AI-Powered Design Library
  • Installing Kadence Blocks
  • Setting custom widths in multi-column Row Layout Blocks
  • How to define a color Palette with Kadence Blocks
  • How to delete/remove a Block
  • How to Duplicate and Copy/Paste Block Styles
  • Setting Block Defaults
  • Kadence Blocks Pexels Integration

Block Tutorials

  • Responsive Breakpoints in Kadence
  • How to use Popup Modal Filters with Advanced Query Loops
  • Using GIFS and Lottie Animations with Kadence Blocks
  • Search (Adv) Block
  • Displaying Shortcodes in the WordPress Editor
  • Integrating Kadence Forms with Mailchimp
  • Advanced Navigation Sub Menus and Mega Menus
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Creating Sticky and Transparent Advanced Headers
  • Getting started with Advanced Header/Navigations
  • Integrating Kadence Forms with Mailerlite
  • Split Content Quick Start Guide
  • How to control the Kadence Design Library
  • Adding Video Backgrounds to Row Layout
  • Pexels Picker
  • Adding Old Wireframes, Starter Packs, and Sections to the New Design Library
  • How to customize the design library color palette
  • Adding a Fullwidth Row
  • Adding Privacy Policy link to Kadence Form
  • Set Equal Column Heights with the Row Layout Block
  • Image Overlay Quick Start Guide
  • Modal Block Quick Start Guide

Pro Addon

  • Custom Queries for Advanced Query Loop Block
  • Kadence Blocks Pro Plugin
  • Advanced Slider
  • Video Popup Block
  • Image Overlay Block
  • Split Content Block
  • Modal Block
  • Dynamic Content
  • Query Loop (Adv) Block
  • Repeater Block
  • Using a Dynamic List Block
  • Dynamic Content: Custom Input and Showing Fields from all Post Types
  • How to Design a Post Grid/Carousel using a Kadence Element
  • Dynamic HTML Block
  • Using Custom SVG Icons with Kadence Blocks
  • Post/Grid Carousel Block
  • Kadence Custom Fonts
  • Post Grid/Carousel Block – Configure a Blog List

Troubleshooting Blocks

  • How to Recover a Broken Block

Advanced

  • Prebuilt Layouts
  • Using Tooltips with Kadence Blocks
  • Custom Queries for Advanced Query Loop Block
  • Adding a Custom Font to Kadence Blocks

Advanced Headers

  • Importing & Exporting Advanced Headers & Navigations
  • The Kadence Header (Adv) Block
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • Getting started with Advanced Header/Navigations
  • Getting the most out of Navigation Link Blocks
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • Creating Sticky and Transparent Advanced Headers
  • Advanced Navigation Sub Menus and Mega Menus
  • Advanced Header Best Practices
  • The Kadence Navigation Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Blocks
  • Advanced

Using Tooltips with Kadence Blocks

Kadence Blocks offers a powerful feature that allows you to add tooltips to texts, icons, and buttons across your website. Tooltips are small pop-up boxes that appear when a user hovers over a target, providing additional information or tips related to that text/target. This functionality is particularly useful for defining terminology, offering extra details, or providing supplementary information without cluttering your content.

Table of Contents
  • Adding Tooltips to Kadence Blocks
    • Text (Adv) Block Tooltips
    • Icon Block Tooltips
    • Icon List Block Tooltips
    • Button (Adv) Tooltips
  • Tooltip Settings

Tooltips are a great way to provide context and help users understand a specific text on your website. This feature enhances user experience without impacting search engine results, either positively or negatively. Therefore, tooltips should be used primarily to improve the overall user experience rather than for SEO purposes.

Adding Tooltips to Kadence Blocks

You can add Tooltips to supported blocks using the Block Toolbar.

Tooltips are available for the following Kadence Blocks:
–Text (Adv) Block
–Button (Adv) Block
–Icon Block
–Icon List Block

Text (Adv) Block Tooltips

Start by highlighting the text you want to provide the Tooltip for, then in the Block Toolbar click the downward arrow at the far right to open more settings. From the expanded settings, select the Tooltip effect to enable the Tooltip for your highlighted text. This simple process allows you to enhance your content with helpful tooltips.

Adding Tooltips to an Advanced text Block
Tooltips Demonstration

Icon Block Tooltips

Start by selecting the Icon in the Block Editor. From the Block Toolbar, click on the Bubble Icon to access the Icon Tooltips Settings.

Icon Tooltip Gif 1
Icon Tooltip Gif 2

Icon List Block Tooltips

Start by selecting the Icon List Item in the Block Editor. From the Block Toolbar, click on the Bubble Icon to access the Icon List Item Tooltips Settings.

Icon List Tooltip 1
Icon List Tooltip 2

Button (Adv) Tooltips

Start by selecting the Advanced Button in the Block Editor. From the Block Toolbar, click on the Bubble Icon to access the Button Tooltips Settings.

Button Tooltip Gif 1
Button Tooltip Gif 2

Tooltip Settings

Tooltip Placement: This setting determines where the Tooltip will pop up. There are many options available here for flexibility.

Link Settings (Available for Advanced Texts Only): If you wish to add a Hyperlink to the Highlighted Text that shows the Tooltip, you can use the Link Settings to add that link. (This will link the Text itself and not the Tooltip or text within the Tooltip)

Tooltip Placement
Edit Link Settings

Only Apply Tooltip To (Available for Icon List Items Only): This setting allows the Tooltip to be set to either the Icon, the Text, or the Entire List Item.

Only Apply Tooltip To Gif

Show Indicator Underline (Available for Icons and Icon List Items Only): This allows an underline to indicate that hovering the target will trigger a tooltip. (This is on by default and can’t be turned off for Advanced Text Tooltips)

Show Indicator Underline
Indicator Tooltip
Prebuilt LayoutsCustom Queries for Advanced Query Loop Block
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog