如何将Woocommerce YITH Product Addon从居中改为左对齐（Joyas Pro主题）

你可以通过添加自定义CSS代码修改YITH产品附加组件的对齐方式，具体操作如下：

• 登录WordPress后台，进入外观 > 自定义 > 额外CSS面板
• 将以下CSS代码粘贴到输入框中，点击「发布」保存设置：

/* 强制YITH产品附加组件左对齐 */
.yith-wapo-container {
    text-align: left !important;
}
.yith-wapo-addon {
    align-items: flex-start !important;
}
.yith-wapo-option-label {
    justify-content: flex-start !important;
    text-align: left !important;
}
.yith-wapo-field {
    margin-left: 0 !important;
}

这段代码会覆盖Joyas Pro主题默认的居中样式，把附加组件的容器、选项标签、输入字段等元素统一设置为左对齐。如果仍有部分元素未生效，可通过浏览器开发者工具（F12）定位对应元素的CSS类名，补充对应的左对齐规则即可。

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