通过 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;}}