css - 谷歌自定义搜索 Wordpress 边栏 CSS 样式被压扁

Question

嗨聪明的 CSS 大师等

我刚刚将 Google 自定义搜索小部件添加到我的 wordpress 网站我对样式有疑问吗？

它应该像这个侧边栏一样出现 - http://googlecustomsearch.blogspot.co.uk/但在我的网站上它看起来像这样 - http://brightmist.co.uk/blog/

关于如何修复它的任何想法？感谢您的帮助

朱迪思

Answer 1

首先，如果您可以访问您的 CSS 样式表('/wp-content/themes/modernize/style.css')，请转到第 40 行...

tr th, tr td{padding: 9px 20px;}

我认为 20px 的内边距会像那样挤压它。这是真正要使用的通用样式，它会影响您网站上的每个 HTML 表格。如果您希望网站上的某些表格具有该填充，请给它们一个类并将该填充仅应用于具有该类的表格。或者尝试添加...

#cse-search-form74 table td{padding: 0; border: none;}

希望对您有所帮助。