Skip to content

Conversation

@devbodaghe
Copy link
Contributor

Description

This PR fixes a UI consistency issue where the 'Remove' button in the Facebook Product Image multiple images section had a font size of 12px, while 'Remove' buttons in other places throughout the plugin have a font size of 13px.

The fix adds a specific CSS rule targeting the Remove button in the variations multiple images thumbnails to ensure consistent 13px font-size across the entire UI.

Changes:

  • Added CSS rule for .woocommerce_variation .fb-product-images-thumbnails p.image-thumbnail a.remove-image with font-size: 13px

File Modified:

  • assets/css/admin/facebook-for-woocommerce-products-admin.css

Type of change

  • Fix (non-breaking change which fixes an issue)

Checklist

  • I have commented my code, particularly in hard-to-understand areas, if any.
  • I have confirmed that my changes do not introduce any new PHPCS warnings or errors.
  • I have checked plugin debug logs that my changes do not introduce any new PHP warnings or FATAL errors.
  • I followed general Pull Request best practices. Meta employees to follow this wiki.
  • I have added tests (if necessary) and all the new and existing unit tests pass locally with my changes.
  • I have completed dogfooding and QA testing, or I have conducted thorough due diligence to ensure that it does not break existing functionality.
  • I have updated or requested update to plugin documentations (if necessary). Meta employees to follow this wiki.

Changelog entry

Fixed font-size inconsistency for Remove button in Facebook Product Image multiple images section (12px → 13px)

Test Plan

Steps to reproduce the issue:

  1. Open any existing Variable product in WooCommerce admin
  2. In 'Product data' menu, select 'Variations' tab
  3. Click 'Edit' on any variation to expand details
  4. Scroll to 'Facebook for WooCommerce' section and click to expand it
  5. In 'Facebook Product Image' section, select 'Use multiple images' radio button
  6. Click on 'Choose Multiple Images' button
  7. In the opened media library modal, select one or more images and click 'Use images'
  8. Observe the font size of the 'Remove' button displayed below each selected image

Expected Result:

  • Remove button text displays with 13px font-size, consistent with other Remove buttons in the admin interface

Test Configuration:

  • WooCommerce version: [version]
  • WordPress version: [version]
  • Browser: Chrome/Firefox/Safari

Screenshots

Before

The Remove button had 12px font-size (smaller than expected)

After

The Remove button now has 13px font-size (consistent with other Remove buttons throughout the plugin)

…mages

- Fixed font-size inconsistency where Remove button in Facebook Product Image 'multiple images' section had 12px instead of 13px
- Added specific CSS rule to set font-size to 13px for consistency with other Remove buttons
- Applies to: .woocommerce_variation .fb-product-images-thumbnails p.image-thumbnail a.remove-image
@meta-cla meta-cla bot added the CLA Signed label Nov 17, 2025
@github-actions github-actions bot added changelog: fix Took care of something that wasn't working. type: bug The issue is a confirmed bug. labels Nov 17, 2025
@github-actions
Copy link
Contributor

📦 Latest Plugin Build

Built at: 2025-11-17T11:47:59.629Z
Commit: 1a8f83b
Size: 1.4M

Download: Click here to download the plugin

To download: Click the link above → Scroll to bottom → Download "facebook-for-woocommerce" artifact

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

Labels

changelog: fix Took care of something that wasn't working. CLA Signed type: bug The issue is a confirmed bug.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants