你好,
如果你想让 SVG 出现在标题之前,就不需要添加自定义 CSS,因为我们已经将其放在了 <h2> 标签内,它将使用 <h2> 的样式。但你必须修改搜索标题部分。如果我没记错的话,你上面分享的截图来自你的主题 DarkPixlz’s Modern Theme?
我检查了那个主题,我认为问题在于你使用了巨大的内边距和字体大小来将标题居中,导致搜索图标没有足够的空间。
.search-container .search-page-heading {
padding: 2em 3.8em;
font-size: 5em;
}
我的建议:
我使用外边距而不是内边距,但不需要在两侧添加——因为 .search-header 已经在两侧有 10% 的内边距——以便为图标留出足够的空间,并使用较小的字体大小,尤其是在移动设备上。要修复垂直对齐,你可以像 .main-outlet 在顶部有 3em 的内边距一样,在顶部添加 1em 的外边距。
如果我改变背景,可能会更好看。
.search-container .search-page-heading {
margin: 1em 0 2em 0;
font-size: 5em; // 在较小的屏幕上使用较小的字体大小
text-align: center;
}


