通过 CSS 删除 Wordpress for Mobile 中的填充和边距

Question

我的网站在移动视图中的 Wordpress 中遇到一些问题。不幸的是，我的 CSS 技能有些有限，但我已经设法通过下面的代码删除了我认为的大部分内容，您可以查看有问题的页面之一 - https://acmegraphics.co.uk/portfolio-item/food -超级市场/我是否忽略了任何事情，或者有人发现我正在使用的代码有任何问题吗？.single-portfolio-item .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {padding-top: 20px !important;.single-portfolio-item .mkdf-portfolio-single-holder.mkdf-ps-slider-layout .mkdf-ps-image-holder {margin: 0 0 20px;提前致谢

Answer 1

嗯，它的使用并不理想!important，但既然它可以工作，那就可以了。我唯一担心的是，您提到您在移动视图中遇到问题，并且您的规则适用于所有设备，您最好将其包装在媒体查询中，如下所示：

@media screen and (max-width: 640px) {

.single-portfolio-item .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {

padding-top: 20px !important;}

.single-portfolio-item .mkdf-portfolio-single-holder.mkdf-ps-slider-layout .mkdf-ps-image-holder {

margin: 0 0 20px;}

}