【问题标题】:Change logo position in Joomla在 Joomla 中更改徽标位置
【发布时间】:2014-01-24 15:25:54
【问题描述】:

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

我在 localhost 中运行 joomla 3.2.1。

【问题讨论】:

  • @CTravel 我不知道需要更改 css 文件的哪个部分。
  • 尝试使用浏览器中的 developertool 查找它,您可以选择 te 元素,它会为您提供 id 名称的类以及可能需要更改的 css 文件的行..

标签: css joomla joomla-template joomla3.2


【解决方案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。

【讨论】:

  • 我唯一想说的是,你永远不要再直接编辑 css,你应该总是编辑 less 并重新编译,此时在模板管理器中这很容易。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-22
  • 2016-11-06
  • 1970-01-01
相关资源
最近更新 更多