1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Hover Card

Hover Card

Introduction

How to add multiple style options for hover card?

Yes, Xpro Addons for beaver builder provides unique and elegant Style option for Hover Card to display your Hover Card in various styles. You can select Hover Card style of your own choice by following few simple steps:
Step 1: Go to the Hover Card module setting in Xpro Media Modules section.
Step 2: Drag and drop Hover Card module.
Step 3: Go to General tab and select the Style from Dropdown menu in Select Style section. Make the other necessary changes and click the Save button once you are done.

Step 4: Now, your chosen hover card style will be displayed like this once you refresh your page:

How to add an image in Hover Card?

Yes, Xpro Addons for beaver builder provides the option to add an Image in Hover Card with Styling options as well. You can select an Image for each hover card and can also give title and description to your hover card along with image by following simple steps:
Step 1: Go to the Hover Card module setting in Xpro Media Modules section.
Step 2: Drag and drop Hover Card module.
Step 3: Go to Hover Cards tab and click on the Edit Hover Card. Click on Edit Hover Effect and select Background Image in General tab. Add Title and Description for your Hover Card and click the Save button.

Step 4: Now, go to Style tab in Edit Hover Card section and make the necessary style changes such as Alignment, Overlay Color, Hover Overlay Color, Title Color and Description Color. Click the Save once you are done.

Was this article helpful to you? Yes No

How can we help?