我正在为一个朋友开发一个网站,我需要一些 HTML 帮助。我需要将标题平放在标题图像上,但我自己似乎无法到达一行。有什么帮助吗?我尝试了几种不同的方法,但没有任何效果。网址是leschwaller.com
3 回答
margin-right: 270px;
从site-title:
样式中删除。约 509 行http://leschwaller.com/wp-content/themes/twentyeleven/style.css
在你的 style.css 你需要改变
#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}
至
#site-title {
margin-right: 10px;
padding: 3.65625em 0 0;
}
其他两个答案是正确的,因为 CSS 规则需要减少边距。
但是,如果您试图让图像出现在网站标题的正下方,那么您仍然可以在其中有一行用于网站描述。查看页面的源代码,您会看到<h2>
导致该间隙出现的空白。
有两种方法可以摆脱它 - 快速而肮脏的方法,以及正确的方法。快速而肮脏的方法是简单地用 CSS 隐藏它:
#site-description { display: none; }
正确的方法是在 Wordpress中创建一个子主题并对其进行修改以<h2>
从标记中删除。
大致来说,这就是你要做的:
- 在您的 wp-content/themes 文件夹中创建一个新目录,您可以随意命名它(例如“作者”)。
- 在该目录中创建一个 style.css 文件
并把它放在它的顶部:
/*
Theme Name: Author
Theme URI: http://leschwaller.com/
Description: Child theme for the Twenty Eleven theme
Author: Your name here
Author URI: http://example.com/about/
Template: twentyeleven
Version: 0.1.0
*/
这将这个主题设置为 TwentyEleven 的子主题,无论如何您都在使用它。对此主题进行任何您想要的修改。这样,当 Wordpress 有更新时,它会更新 TwentyEleven 而不会覆盖您的更改。但是,您可以获得 TwentyEleven 中内置的所有功能。
为此,只需将TwentyEleven 主题目录中的header.php复制到新的主题目录中,然后删除<h2>
. 它在该文件的第 75 行。由于这是一个子主题,它将“继承”TwentyEleven 的其余部分,所以其他一切都会像以前一样工作。