---
title: "How to Highlight a Pricing Plan with Scale Effect in Elementor?"
url: https://theplusaddons.com/docs/highlight-a-pricing-plan-with-scale-effect-in-elementor/
date: 2024-06-20
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to highlight a pricing plan of a pricing table with a zoom effect in Elementor? By adding a zoom effect you can enlarge a certain pricing plan..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-5-1024x536.jpg
word_count: 229
---

# How to Highlight a Pricing Plan with Scale Effect in Elementor?

## Key Takeaways

- The Plus Addons for Elementor allows users to add a zoom effect to a pricing table using the Pricing Table widget.
- Users can adjust the Scale Zoom slider to highlight a specific pricing plan by setting the scale amount ideally more than 1.
- To resolve overlapping issues with scaled pricing tables, users must adjust the z-index value of the affected table.

Do you want to highlight a pricing plan of a pricing table with a zoom effect in Elementor? By adding a zoom effect you can enlarge a certain pricing plan to easily grab the attention of users to highlight some features or offers.

With the Pricing Table widget from The Plus Addons for Elementor, you can easily add a zoom effect to a pricing table in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Pricing Table widget, [click here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).*

***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/elementor-pricing-table/)

1. Add multiple Pricing Table widgets and add appropriate content to them.

2. Then select the Pricing Table widget you want to add the zoom effect.

3. Go to **Style** > **Extra Effects** tab, and from the **Scale Zoom** slider add the scale amount (ideally more than 1). 

![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-scale-zoom.png)

You can add different scale values for responsive devices.

> *Note: In case there is an overlapping issue you have to adjust the z-index value of the scaled pricing table, so it properly overlaps the other pricing table.*  

Now that specific pricing plan will be scaled and highlighted among the other plans in the pricing table.

![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-table-scale-zoom-demo.png)

***Read Further***: *[How to Add Show More Button for Features in Elementor Pricing Table?](https://theplusaddons.com/docs//add-show-more-button-for-features-in-elementor-pricing-table/)*

## Frequently Asked Questions

**Q: What should I do if the zoom effect isn't working on my pricing table?**
A: If the zoom effect isn't displaying as expected, check the z-index value of the scaled pricing table. An overlapping issue may prevent the effect from being visible. Adjusting the z-index ensures that the scaled table properly overlaps other tables, making the zoom effect noticeable.

**Q: Can I use the zoom effect for different devices?**
A: Yes, you can add different scale values for responsive devices when using the Pricing Table widget from The Plus Addons for Elementor. This allows you to customize the zoom effect based on the device, ensuring that the highlighted pricing plan looks great on desktops, tablets, and mobile devices.

**Q: What is the best scale amount to use for the zoom effect?**
A: A scale amount greater than 1 is recommended for the zoom effect in the Pricing Table widget. This setting enlarges the specific pricing plan, effectively drawing user attention. Experiment with different values to find the optimal scale that balances visibility without overwhelming the design.

**Q: How can I highlight a specific pricing plan in a pricing table?**
A: To highlight a specific pricing plan, use the Pricing Table widget from The Plus Addons for Elementor and apply the zoom effect. Select the desired widget, navigate to the Style > Extra Effects tab, and adjust the Scale Zoom slider. This will enlarge the plan, making it stand out among others.

**Q: What happens if I don't adjust the z-index for the zoomed pricing table?**
A: If you don't adjust the z-index for the zoomed pricing table, it may not display correctly, as it could be hidden behind other elements. Properly setting the z-index ensures that the highlighted plan is visible and effectively captures user attention.

**Q: Where can I find more information about the Pricing Table widget features?**
A: For a complete overview of features for the Pricing Table widget, check the documentation on The Plus Addons for Elementor. You can find detailed information and instructions by [clicking here](https://theplusaddons.com/docs/add-a-pricing-table-in-elementor/).