---
title: "How to Highlight a Pricing Plan with Scale Effect in WordPress?"
url: https://nexterwp.com/docs/highlight-a-pricing-plan-with-scale-effect-in-wordpress/
date: 2024-12-10
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to highlight a pricing plan of a pricing table with a zoom effect in WordPress? The scale effect, not only draws attention to your offerings but also..."
image: https://nexterwp.com/wp-content/uploads/2024/12/highlight-a-pricing-plan-with-scale-effect-in-wordpress-1024x519.jpg
word_count: 229
---

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

## Key Takeaways

- Nexter Blocks includes a Pricing Table block that allows users to add a zoom effect to highlight pricing plans.
- Users can adjust the scale amount using the Scale Zoom slider, ideally setting it to more than 1 for optimal effect.
- The Pricing Table block supports different scale values for responsive devices by enabling the Responsive toggle.

Do you want to highlight a pricing plan of a pricing table with a zoom effect in WordPress? The scale effect, not only draws attention to your offerings but also emphasizes their value, making it easier for potential clients to make informed decisions.

With the Pricing Table block from Nexter Blocks, you can easily add a zoom effect to a pricing table in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Pricing Table block,* *[click here](https://nexterwp.com/docs/add-a-pricing-table-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-table/)

To do this, add the Pricing Table block on the page and follow the steps -

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

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

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

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

You can add different scale values for responsive devices by enabling the Responsive toggle.

> *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://nexterwp.com/wp-content/uploads/2024/12/pricing-table-scale-zoom-demo.png)

## Frequently Asked Questions

**Q: What should I do if the scale effect isn't working on my pricing table?**
A: If the scale effect isn't showing, check that the Pricing Table block is properly installed and activated as part of Nexter Blocks. Additionally, ensure you've set the scale amount in the Style > Extra Options tab. If overlapping occurs, adjust the z-index value of the scaled pricing table to ensure it displays correctly above other tables.

**Q: What is the best scale value to use for the zoom effect?**
A: It's recommended to set the scale amount to more than 1 for the zoom effect to be noticeable. Experiment with values to find the right balance that highlights your pricing plan without overwhelming the layout. A subtle zoom can effectively draw attention without being distracting.