css - 在 Joomla 中更改 Logo 位置

Question

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

我在本地主机上运行 joomla 3.2.1。

Answer 1

转到以下文件:

root/templates/protostar/css/template.css

搜索 Logo 并编辑或添加以下内容:

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

或在 6936 行，您会找到 .site-title { } block ，您可以将其替换为以下内容:

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

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