---
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-08-18
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 Pricing Table block adds a zoom effect to a pricing table in WordPress by using the Scale Zoom slider in Style > Extra Options.
- Responsive toggle lets the Pricing Table block use different scale values for responsive devices.
- z-index adjustment fixes overlapping issues when the scaled pricing table needs to sit above the other pricing tables.

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: Why is my pricing plan not scaling in WordPress?**
A: The scale effect only works when the Pricing Table block from Nexter Blocks is installed and activated, and the scale amount is set above 1 in Style > Extra Options. If the value stays at 1, nothing visually changes because that is the normal size. If the scaled card overlaps nearby plans, adjust its z-index so it sits on top cleanly.

**Q: What do I need before adding a zoom effect to a pricing table?**
A: The key requirement is the Pricing Table block from Nexter Blocks, since Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides this feature through that block. It also needs to be installed and activated before the scale effect is available. That matters because the zoom effect is part of the block’s styling options, not a separate plugin setting.

**Q: How do I make one pricing plan stand out more than the others?**
A: A larger scale value in Style > Extra Options makes one plan visually pop without changing the content itself. The page says to add multiple Pricing Table blocks first, then apply the zoom effect to only one block. That works well when you want to guide attention toward a preferred plan while keeping the rest of the table readable.

**Q: What should I do if the scaled pricing card overlaps other plans?**
A: Raise the z-index value of the scaled pricing table. The page calls out overlapping as a possible issue because a larger card can sit under neighboring cards if stacking order is not adjusted. In practice, this is the part that keeps the highlighted plan visible instead of partially hidden behind adjacent pricing boxes.

**Q: Can I use different scale values on mobile and desktop?**
A: The Pricing Table block supports different scale values for responsive devices by enabling the Responsive toggle. That matters because a zoom level that looks balanced on desktop can feel too aggressive on smaller screens. Using separate values helps keep the highlighted plan noticeable without crowding nearby content on mobile.

**Q: Where can I see the Pricing Table block before building this layout?**
A: The page points to a live block preview at [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-table/) and also references the full feature overview at [click here](https://nexterwp.com/docs/add-a-pricing-table-in-wordpress/). Those links are useful if you want to compare how the block behaves before setting up your own pricing table. They also help when you want to confirm you are using the right Nexter Blocks component.