滑块革命，在移动设备上向左减少 margin/padding

Question

到处检查并尝试了很多不同的东西，仍然没有任何效果。

网站是 www.livehealthyacademy.com

我正在尝试摆脱移动设备上的左侧 margin/padding 以实现我的滑块革命。我希望滑块跨越整个宽度。任何 CSS 可以帮助我解决这个问题吗？我在下面尝试了这些不同的线路，也尝试了其他一些线路。不熟悉这种类型 CSS 所以我只是简单地复制并粘贴其他人所说的适合他们的内容。

.entry-content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.entry .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

#content .rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

.rev_slider ul {padding-left: 0 !important; margin-left: 0 !important}

#sliders-container {
margin: 0 20px !important}

谢谢

2: View custom class here

Answer 1

问题是 div 是该行的主要容器。 class "col-sm-12" 向其中的元素添加填充。我通常有一个 "no-mobile-padding" css 规则，然后将它添加到我不想填充的地方。

添加这个：

div#column-1cd465cfdcf85c93601bd492fa0a9e36 {
padding: 0;

}

希望对你有帮助

滑块革命，在移动设备上向左减少 margin/padding

Slider Revolution, reducing left margin/padding on mobile

css

wordpress

themes

slider

fuse