wordpress 中 Google 自定义搜索结果的不可读布局答案

【问题标题】：unreadable layout of Google Custom Search results in wordpresswordpress 中 Google 自定义搜索结果的不可读布局
【发布时间】：2016-09-12 21:59:09
【问题描述】：

Google 自定义搜索结果在我创建的 wordpress 自定义搜索页面中的格式不正确。对于找到的每个帖子，帖子的文本 sn-p 都会覆盖缩略图，使结果不可读。我可以通过 GCSE 设置关闭缩略图，但我更愿意找到一种方法来保留它们。

我正在使用 GCSE 全角布局，但其他布局根本不适合我。我尝试在搜索页面中的“div”语句上设置不同的选项，但这没有帮助。

感谢您提供的任何帮助！

-mj李

【问题讨论】：

【解决方案1】：

<div> 元素的所有 CSS 实际上都可以。

<td class="gsc-table-cell-thumbnail gsc-thumbnail"> 元素自动折叠到第二个 <td> 的长度，第二个 <td> 有一个 width:100%。

在 CSS 文件 default+en.css 中，查看：

.gsc-table-cell-snippet-close, .gs-promotion-text-cell {
    vertical-align: top;
    width: 100%;
}

您可以通过将新的 CSS 属性 width: 72px; 添加到 .gsc-table-cell-thumbnail, .gs-promotion-image-cell 来解决此问题。

或者简单地覆盖 CSS 声明，以防您无权访问该文件。

【讨论】：

哦，抱歉，我之前没有看到您的回复 - stackoverflow 通知卡在我的垃圾邮件中。我实际上只是雇了一个人来写一个插件来为我解决这个问题。我想我会看看他是否最终会做同样的事情......谢谢你的回复。
这也是一个解决方案！没问题

【解决方案2】：

仅供参考，来自 wpriders 的 WP 顾问解决了我的 CGSE 问题，为我创建了一个带有不同 CSS 代码的插件。

我没有要求他们试用 Joachim 的代码，但我非常感谢他的帮助。

【讨论】：