我想改变在搜索页面上由主题显示的帖子网格的排列(阅读描述以更好地理解)

时间:2018-08-16 作者:hamzah mukadam

我的Wordpress上安装了一个名为Hueman的主题。我已经安装了主题的免费版本。现在,每当我使用Wordpress的默认搜索进行搜索时,它都会在一个网格布局中显示结果,其中两个帖子排成一行,图像具有奇怪的纵横比和裁剪。我将这些图像的大小更改为(宽200px,高290px),以避免被裁剪,并禁用了摘录。现在这些图像更小,占用的空间更少,但仍然是一行只显示2篇帖子,其余空间都是空的(如下面的截图所示)image of website with 2 post in a row 由于这看起来很难看,我在自定义CSS中加入了float:none。这允许我在一行中有多个帖子,但这使它变得无组织,一些帖子出现在随机位置,如下面的截图所示。1st Screenshot of unorganized layout2nd Screenshot of unorganized layout我想将其制作成一个有组织的网格,其中下一行中的元素从左侧开始,不会随机弹出到任何位置。下面是我在chrome中使用inspect元素时页面代码的截图。一2nd Screenshot of unorganized layoutscreenshot 2一二screenshot 4screenshot 5

1 个回复
SO网友:RiddleMeThis

尝试使用flexbox,尝试在自定义CSS中添加以下内容。以下是有关flexbox 和aflexbox generator 你可以玩玩。

    .grid-wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

结束

相关推荐

如何将一个css文件应用到我的管理页面?

我已经创建了一个简单的CSS文件,我想将其应用到我的一个管理页面——特别是“编辑帖子”页面。我尝试了两种方法(如下所述),但都失败了——所讨论的CSS文件似乎根本没有加载。我的CSS文件位于我的父主题目录中,名为admin style。css,包括:.ea-hide-admin { visibility: hidden; } Attempt 1: 从WordPress Codex page on enqueuing admin scripts. 我的职能。我添加的php