Skip to content

Fix - Add to Cart button is taller than the quantity input on single product page - #69

Open
rajatgautam755421 wants to merge 1 commit into
developfrom
fix/82-add-to-cart-height
Open

rajatgautam755421 wants to merge 1 commit into
developfrom
fix/82-add-to-cart-height

Conversation

@rajatgautam755421

@rajatgautam755421 rajatgautam755421 commented Sep 29, 2026 •

Copy link
Copy Markdown

Closes themegrill/radiate-pro#82

Free counterpart of themegrill/radiate-pro#102 (issue themegrill/radiate-pro#82).

The quantity field kept the browser's default box (25.2px, content-box) while WooCommerce pads the button to 35.8px. On simple and variable product pages it now uses border-box and height: 2.236em, the same 0.618em-padding-plus-1em formula WooCommerce gives the button, so both are the same height. Grouped products (quantity fields not beside the button) and the cart page are untouched.

Before (25.2px vs 35.8px) After (35.78px both)
before after

Test (WooCommerce active, store not in Coming soon mode)

  1. Open a simple product: the quantity field and Add to Cart button are the same height and aligned.
  2. Open a variable product, pick an option: still aligned. Check at 375px too.
  3. Grouped product and the cart page: unchanged.

No spec: the CI site has no WooCommerce, whose stylesheet sets the button height. CSS only, so PHPCS not applicable.

Changelog: Fix - Quantity field now matches the Add to Cart button height on single product pages.

…product page (themegrill/radiate-pro#82)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@rajatgautam755421 rajatgautam755421 self-assigned this Sep 29, 2026
@tg-autopilot
tg-autopilot requested a lite review from Copilot September 29, 2026 10:32
@github-actions

Copy link
Copy Markdown

QA suite — refused, no regression spec

This PR changes product source but adds no spec, so the suite was
refused before booting WordPress — running it just to report the same
thing at the end costs runner minutes for nothing. Run
/claudegrill:verify-fix locally and let write-spec add the guard
to this branch, then push again.

Source files changed with no matching spec
style.css

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟢 Approval recommended

No unresolved blocking issues were identified.

Review effort: Lite
Findings: None

What changed in this PR

Updates WooCommerce single-product quantity fields to match the Add to Cart button height.

Changes:

  • Applies matching border-box sizing and height.
  • Leaves grouped products and cart-page quantities unchanged.
File Description
style.css Adds scoped WooCommerce quantity-field sizing rules.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants