图片在Sydney主题轮播中不居中，因wpb_slider短代码不支持align参数；需通过CSS控制.slider-wrap和.slide-bg/img样式，子主题style.css中添加居中规则并注意响应式适配与选择器权重。
图片在Sydney主题轮播里不居中？检查wpb_slider短代码的align参数
Sydney主题默认用wpb_slider短代码调用轮播，但这个短代码本身**不支持align属性**——很多人误加[wpb_slider align="center"]，结果毫无反应，图片还是左贴边。
真正起作用的是CSS层面的容器对齐。轮播图实际渲染后外层是.slider-wrap，内部图层是.slide-bg（背景图）或<img alt="HTML图片怎么在Sydney主题中对齐轮播_Sydney企业主题图片对齐技巧" >标签（内容图）。对齐必须靠CSS干预，不是短代码能解决的。
- 别在短代码里写
align、class或style参数——这些全被忽略 - 如果用页面构建器（如Elementor）嵌入轮播模块，要关掉模块自身的“对齐”设置，它常和主题CSS冲突
- 优先改子主题的
style.css，别直接动父主题文件，否则更新就丢
用CSS强制居中轮播图，重点盯住.slide-bg和img
Sydney轮播默认把图片当背景图铺在.slide-bg上，而背景图默认background-position: center center，看起来像居中——但一旦图片尺寸比例和容器不匹配，就会裁剪偏移。真要稳居中，得双管齐下：
- 对
.slide-bg加background-size: cover+background-position: center center（已有，一般不用动） - 如果轮播里插了
<img alt="HTML图片怎么在Sydney主题中对齐轮播_Sydney企业主题图片对齐技巧" >（比如用“Image Slide”类型），必须单独设.slider-wrap img { display: block; margin: 0 auto; max-width: 100%; } - 容器
.slider-wrap本身宽度可能受父级限制，加width: 100%;和max-width: none;防意外缩窄
示例（加到子主题style.css末尾）：
立即学习“前端免费学习笔记（深入）”；
/* 居中轮播里的普通图片 */
.slider-wrap img {
display: block;
margin: 0 auto;
max-width: 100%;
}
/* 防止轮播容器被flex或grid挤变形 */
.slider-wrap {
width: 100%;
max-width: none;
}移动端轮播图错位？@media里重置margin和background-size
桌面端看着居中，手机一打开图片突然右偏或顶部露白——大概率是background-size: cover在小屏下选了不同裁剪区域，或者margin: 0 auto被某层text-align: left覆盖。
- Sydney主题在
mobile.css或响应式断点里重置过.slider-wrap的padding和height，会间接影响图片定位 - 别只写
margin: 0 auto，补上text-align: center到.slider-wrap，防内联文本对齐干扰 - 小屏下
background-size: contain比cover更安全，虽会留白但位置绝对可控
移动端适配片段：
@media (max-width: 768px) {
.slider-wrap {
text-align: center;
}
.slide-bg {
background-size: contain;
}
}用自定义CSS时，为什么加了没效果？查!important和选择器权重
明明写了.slider-wrap img { margin: 0 auto !important; }，刷新还是不动——八成是CSS加载顺序或选择器太弱。Sydney主题的轮播样式来自sydney-pro/css/custom.css或js/plugins/slick.css，后者用了高权重选择器如.slider-wrap .slide-inner img。
- 浏览器按F12，在Elements面板里右键图片→“Inspect”，看哪条CSS规则被划掉（strikethrough），点开就知道谁赢了
- 别滥用
!important，先升级选择器：用.slider-wrap > .slide-inner > img比.slider-wrap img权重高 - 确保CSS加在“外观→自定义→额外CSS”里，或者子主题
style.css，而不是主题选项里那个半残的“自定义CSS”框（Sydney Pro旧版有bug，有时不生效）
复杂点在于：轮播图渲染分两步——初始DOM加载 + Slick JS初始化后重排。有些样式（比如height）JS会直接写在style属性里，CSS根本盖不住，这时得用JS钩子afterChange回调重设。
