关于WordPress古腾堡编辑器画廊的问题

古哥 分类:交流

最近,发现古腾堡编辑器里的画廊功能不错,添加了几张图片,可以自定义排版不错。当然,就是设置每一行的图片个数,他会自动通过css修改图片大小,看起来非常美观。

但美中不足的是,每个图片的li标签、figure标签,画廊的ul标签、figure标签,都有一个margin-bottom样式,即底部留空。这样,看起来很突兀。

今天抽时间优化了下,优化用到的CSS代码如下:

.wp-block-gallery {
margin-bottom: 10px!important;
}

.blocks-gallery-grid li figure {
margin-bottom: 0!important;
}

2020111713413348

回复

共1条回复 我来回复
  • 古哥
    古哥
    欢迎访问关注本站TG官方频道:@iymark 官方邮箱账号:admin#iymark.com
    评论

    .entry .entry-content ol, .entry .entry-content ul {
    margin-bottom: 0;
    }
    .q-answer .as-list {
    margin-bottom: 20px!important;
    }

    .wp-block-gallery {
    margin-bottom: 10px!important;
    }
    .blocks-gallery-grid li figure {
    margin-bottom: 0!important;
    }

    这段代码更加合适,又细微调整了下下边距。代码中的.q-answer .as-list(第二段) 是为了修复问答页面,因为第一段引入的代码对问答页面也做了改变,所以用第二段代码修复下

    2020年12月01日 00:12 0条评论
本站APP
本站APP
分享本页
返回顶部