Make a container smaller on a product page

• 

  embroideryunit · Member · Mar 7, 2026 at 9:05 am

  • Copy link
  • Add topic to favorites

  On my product page near were the variations sit, there is a container with the text clear. The container is way to big for what its needed and that cause the variations to be bunched up.

  Is it possible to change it?

• 

  james3265166 · Member · Mar 7, 2026 at 3:24 pm

  • Copy link

  The “Clear” link in WooCommerce sits inside a container designed to let customers reset their selection, but its default styling often creates an awkward gap that pushes your variations into a cramped layout. To fix this, you need to target the .reset_variations class in your Additional CSS menu to reduce its padding or change its “display” property, which allows the variation dropdowns to reclaim that empty space. By setting the container to display: inline-block or reducing its width, you can pull the “Clear” text closer to the attributes, ensuring your product page looks balanced and is easier for customers to navigate on both desktop and mobile.