---
title: "How to Use the Style Content With the Hover Card in Elementor?"
url: https://theplusaddons.com/docs/use-style-content-with-hover-card-in-elementor/
date: 2023-07-04
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "If you want to use custom CSS for your layout, you can easily do that with the Hover Card widget form The Plus Addons for Elementor. By using custom CSS,..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/How-to-Use-the-Style-Content-With-the-Hover-Card-in-Elementor_-1024x536.jpg
word_count: 164
---

# How to Use the Style Content With the Hover Card in Elementor?

## 

- Utilize the Hover Card widget from The Plus Addons for Elementor to implement custom CSS for layout design.
- Add items to the Hover Card widget by clicking the +ADD ITEM button and selecting None for opening and closing tags.
- Insert custom CSS code in the Custom Style field after selecting Style from the Content dropdown in the Hover Card settings.

If you want to use custom CSS for your layout, you can easily do that with the Hover Card widget form The Plus Addons for Elementor. By using custom CSS, you have complete control over the design and appearance of the hover cards.

*To check the complete feature overview documentation of The Plus Addons for Elementor Hover Card widget, [click here](/docs/hover-card-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-elementor-hover-card/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To use custom CSS in the Hover Card widget, add the widget on the page and click the **+ADD ITEM** button to add an item.

Then select **None** as the opening and closing tags.

> *Note: Style content will add its own tag automatically. *

From the **Content** dropdown, select **Style**, then in the **Custom Style** field, you can add your custom CSS code.

![hover card style content type](https://theplusaddons.com/wp-content/uploads/2023/07/hover-card-style-content-type.png)

Also, read [How to Use the Script Content With the Hover Card in Elementor](https://theplusaddons.com/docs//use-script-content-with-hover-card-in-elementor/).