Question

我正在为朋友工作，我需要一些HTML帮助。我需要将标题平放在标题图像上，但似乎无法自己找到一行。有帮助吗？我尝试了几件不同的东西，但没有任何效果。网址为leschwaller.com

Answer 1

从margin-right: 270px;样式中删除site-title:。约http://leschwaller.com/wp-content/themes/twentyeleven/style.css

中的第509行

Answer 2

在你的style.css中你需要改变

#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}

到

#site-title {
margin-right: 10px;
padding: 3.65625em 0 0;
}

Answer 3

另外两个答案是正确的，因为CSS规则需要减少边距权限。

但是，如果您尝试将图像放在网站标题的正下方，那么您仍然可以在该网站描述中找到一条线。查看页面的来源，您会看到导致该差距出现的空<h2>。

有两种方法可以解决这个问题 - 快速而肮脏的方式以及正确的方法。快速而肮脏的方法是简单地用CSS隐藏它：

#site-description { display: none; }

正确的方法是在Wordpress中创建child theme并对其进行修改以消除标记中的<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的 child ，无论如何你正在使用它。进行任何您希望此主题的修改。这样，当Wordpress有更新时，它将更新TwentyEleven而不会覆盖您的更改。但是，您将获得TwentyEleven内置的所有功能。

出于此特定目的，只需将TwentyEleven主题目录中的 header.php 复制到新主题目录中，然后删除<h2>。它位于该文件的第75行。由于这是一个儿童主题，它将“继承”TwentyEleven的其余部分，所以其他一切都将像以前一样工作。

需要文本在Wordpress网站上平放

3 个答案: