css - 如何在 WordPress 上删除移动设备的填充

Question

我是 WordPress 和 CSS 的新手；目前正在创建一个 WordPress 网站并处于最后阶段。我需要找出一种方法来覆盖台式机和笔记本电脑大小的浏览器上的当前填充，因为元素卡在中间，在移动设备上两侧都有填充。

我已经尝试创建自己的 CSS，但它不起作用(我是垃圾)所以我希望一些专家能提供帮助。我在下面试过这个-

@media all and (max-width : 780px) {
.column{
    padding-left:0px;
    padding-right:0px;
}
}

我正在测试的网页是 https://www.xordium.co.uk/your-cloud-journey/

谢谢!

Answer 1

@media only screen and (max-width: 600px) {
    .vc_custom_1528804063483 {
        padding-left: 20px !important;
    }
}

只需将其放入您的 style.css 文件中，并使用您设置的宽度，例如我写的 600。

希望这对你有用。