Google自定义搜索结果在我创建的wordpress自定义搜索页面中格式不正确。对于找到的每个帖子,帖子的文本片段覆盖缩略图图像,使得结果不可读。我可以通过GCSE设置关闭缩略图,但我更愿意找到一种方法来保留它们。
以下是截图:https://soccermoviemom.com/wp-content/uploads/2016/09/GCSE-layout-problem.png
实时GCSE页面位于https://soccermoviemom.com/search
我正在使用GCSE全宽布局,但其他布局根本不适用于我。我已尝试在搜索页面的“div”语句中设置不同的选项,但这没有帮助。
感谢您提供任何帮助!
-mj lee
答案 0 :(得分:1)
<div>
元素的所有CSS实际上都没问题。
<td class="gsc-table-cell-thumbnail gsc-thumbnail">
元素会自动折叠到第二个<td>
的长度,其中width:100%
为<{1}}。
在CSS文件default+en.css
中,请查看:
.gsc-table-cell-snippet-close, .gs-promotion-text-cell {
vertical-align: top;
width: 100%;
}
您可以通过向width: 72px;
添加新的CSS属性.gsc-table-cell-thumbnail, .gs-promotion-image-cell
来解决此问题。
或者只是覆盖CSS声明,以防您无法访问该文件。
答案 1 :(得分:0)
仅供参考,来自wpriders的WP顾问解决了我的CGSE问题,为我创建了一个插件,其中有一些不同的CSS代码。
我没有要求他们尝试Joachim的代码,但我非常感谢他的帮助。