Skip to content

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

Updated On : September 28, 2026By : Reading Time : 2 minutes

Key Takeaways

  • Nexter Blocks Pro is required for the Pricing Table scale setting, and without Pro the plan stays at transform: 1 on a published page.
  • Pricing Table scales only the selected plan with a CSS transform, so a value like 1.15 makes that card render larger without changing its content, position in the row, or layout space.
  • Separate tablet and mobile values help prevent overlap on narrow screens, and the post says a ribbon is the free-plugin alternative for highlighting a plan without Pro.
Table of Contents

Three plans in a row are read as equals unless something says otherwise.

Scaling one of them up slightly breaks that symmetry — the eye lands on the bigger card first, before anyone has read a single price.

For every Pricing Table setting in one place, see the Pricing Table feature guide.

LIVE BLOCK LINK

Before You Start

  • Edition: Pro — this feature needs Nexter Blocks Pro. Measured on a published page: without Pro it has no effect at all.
  • Block to enable: Pricing Table, switched on under Nexter > Blocks in your WordPress dashboard.

Steps

  1. Add the Pricing Table block for the plan you want to highlight.
  1. Find the Scale setting and raise it slightly above 1.
Pricing Table block, Extra Options panel in the Style tab
  1. Set separate values for tablet and mobile if the larger card crowds narrow screens.
  1. Check the result against the plans either side of it.
A scaled plan beside two normal ones

How It Behaves

  • The plan is scaled with a CSS transform — measured on a published page, a scale of 1.15 rendered as transform: matrix(1.15, …) while an unscaled plan stayed at 1.
  • Without Nexter Blocks Pro the setting has no effect at all — measured with Pro switched off, the transform stayed at 1.
  • Scaling is visual only: it does not change the plan’s content, its position in the row, or how much space it occupies in the layout.
  • Separate tablet and mobile values exist because a card that looks good 15% larger on a desktop can overlap its neighbours on a narrow screen.

Limitations

  • Pro only. Measured: the setting is inert without Nexter Blocks Pro.
  • Because the card is scaled rather than resized, a large value can make it overlap the plans beside it — keep it modest and check at tablet width.
  • Scaling can soften text rendering slightly at unusual values; small increments read best.
  • Only the block you set it on is scaled — it is a per-plan setting, not a layout mode.

Troubleshooting

The scale setting does nothing

It needs Nexter Blocks Pro. Measured with Pro deactivated, the plan’s transform stayed at 1 whatever the setting said.

My highlighted plan overlaps the ones next to it

Lower the scale, or set smaller tablet and mobile values. The card is scaled in place, so it grows over its neighbours rather than pushing them aside.

I want to highlight a plan without Pro

Use a ribbon instead — it works on the free plugin and marks the plan just as clearly.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

Why does the scale setting do nothing on my pricing plan?

The scale control is inert unless Nexter Blocks Pro is active. On a published page, the measured result with Pro switched off stayed at transform 1, so the card never visually grew. That means the setting is not a layout bug when Pro is missing, it simply has no effect until the Pro edition is enabled for the Pricing Table block.

How do I make one pricing plan stand out with a scale effect in WordPress?

The effect comes from scaling the Pricing Table block slightly above 1, which makes that card read as the focal point before visitors compare prices. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides this in the Pricing Table block, and the page notes that a value like 1.15 renders as a CSS transform. Small increases work best because the goal is emphasis, not a full redesign.

What should I do if my highlighted pricing plan overlaps the other plans?

Overlap usually means the scale value is too aggressive for the row width. The card is scaled in place, so it grows over neighboring plans instead of pushing them aside. Lower the scale first, then reduce tablet and mobile values if narrow screens are tighter. That matters because a desktop value that looks fine can crowd adjacent cards once the layout shrinks.

Does scaling a pricing plan change its layout or spacing?

Scaling is visual only. The page says it does not change the plan's content, its position in the row, or how much space it occupies in the layout. That is why a scaled card can look bigger without reflowing the row. In practice, this makes it useful for emphasis but risky if you expect surrounding cards to move out of the way.

What is the best scale value for highlighting a pricing table card?

Small increments are the safest choice. The page says unusual values can soften text rendering slightly, and that modest scaling reads best. A desktop-friendly value can still cause overlap on tablet width, so separate tablet and mobile values matter when the row gets tight. The practical rule is to keep enough contrast to draw attention without making neighboring plans feel cramped.

How can I highlight a pricing plan without using Pro?

A ribbon is the free fallback when you do not have Nexter Blocks Pro. The page recommends it as a clear way to mark one plan on the free plugin without relying on scaling. That makes ribbons better when you want emphasis but do not want to depend on a Pro-only setting or risk overlap in narrow layouts.

Last reviewed: September 28, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53