css - 在 Joomla 中更改徽标位置

Question

我一直在使用 joomla 默认模板：Protostar。在模板管理器中，我设置了一个徽标，它出现在每个页面的左上方。如何将徽标向右移动 100 像素？

我在 localhost 中运行 joomla 3.2.1。

Answer 1

转到以下文件：

root/templates/protostar/css/template.css

搜索徽标并编辑或添加以下内容：

#logo {
    position: relative;
    left: 100px;
}

或在第6936行，您将找到该.site-title { }块，您可以将其替换为以下内容：

.site-title {
    font-size: 40px;
    font-weight: bold;
    left: 100px;
    line-height: 48px;
    position: relative;
}

将来，开始习惯您的浏览器控制台并开始检查元素。如果您使用的是 Firefox，那么我建议您使用 Firebug。