WooCommerce单品页移除可变产品属性标签后单选按钮左对齐问题

你用这段代码成功隐藏属性标签后，单选按钮还偏右，是因为原来承载属性标签的容器还保留着默认的左内边距，直接加段CSS就能解决：

自定义CSS修复 #

把下面的代码加到你的主题「额外CSS」里（路径：外观 → 自定义 → 额外CSS）：

/* 移除变体选项容器的左侧内边距 */
.woocommerce div.product form.cart .variations .value {
    padding-left: 0 !important;
}

/* 针对单选按钮进一步调整（可选） */
.woocommerce div.product form.cart .variations input[type="radio"] {
    margin-left: 0;
}

如果担心主题更新丢失CSS，也可以把样式写到子主题的style.css文件里，或者用代码钩子直接注入：

add_action('woocommerce_before_variations_form', 'fix_variation_radio_alignment');
function fix_variation_radio_alignment() {
    echo '<style>.woocommerce div.product form.cart .variations .value { padding-left: 0; }</style>';
}

加完后清一下浏览器缓存，刷新页面就能看到单选按钮左对齐了。

内容的提问来源于stack exchange，提问作者Tim