需要为 Joomla 3 模板修改 style.css答案

【问题标题】：Need to modify style.css for a Joomla 3 Template需要为 Joomla 3 模板修改 style.css
【发布时间】：2014-07-22 21:18:01
【问题描述】：

温柔点 - 我是 css/模板新手！！

我想修改以下 style.css 文件，在菜单左侧为徽标图像添加空间，在菜单右侧为搜索模块添加空间，在左侧边栏添加主要内容：

#

<!--start of style.css file -->

body{line-height:1.7em;margin:0 auto;}
.main.pure-g-r,.splash .pure-g-r,.breadcrumbs.pure-g-r {letter-spacing: normal;}
.l-box{padding:1em;}
.pure-menu a.brand-link {display:inline}
.header{margin:0;}
.header .pure-menu{padding:.5em;}
.header .pure-menu li a:hover,.header .pure-menu li         a:focus{background:none;border:none;color:#aaa;}
body .primary-button{background:#02a6eb;color:#fff;}
.splash{background:#eee;margin:2em auto 0;padding:3em .5em;text-align: center;}
.splash .splash-head{font-size:300%;line-height:1.2em;margin:0;}
.splash .splash-subhead{color:#999;font-weight:300;line-height:1.4em;}
.splash .primary-button{font-size:150%;}
.content .content-subhead{color:#999;padding-bottom:.3em;text-    transform:uppercase;border-bottom:2px solid #eee;display:inline-block;margin:0;}
.content .content-ribbon{border-bottom:1px solid #eee;margin:3em;}
.ribbon{background:#eee;text-align:center;color:#999;padding:2em;}
.ribbon h2{display:inline;font-weight:400;}
.footer{background:#111;color:#aaa;text-align:center;font-size:80%;padding:1em;}

/*bootstrap stuff*/
.pull-left {
    float:left;
}
.pull-right {
    float: right;
}

<!--end of style.css file -->

有人可以帮忙吗？额外的“谢谢”点用于解释我如何向此样式表添加/删除模块元素。还是我使用错误的文件来修改此模板？顺便说一句，这是来自 JoomlaPure 模板。谢谢！

【问题讨论】：

你好，给我们你要修改的HTML代码

标签： css templates stylesheet joomla3.0

【解决方案1】：

如果您想将特定模块放置在模板上的特定位置，这不是通过扩展 > 模块管理器。模块位置需要明显存在（例如 sidebar-a 或搜索等）。

如果模块位置不存在，您将需要进行模板覆盖。这个过程在模板之间有所不同，但是应该有关于 JoomlaPure 的文档 - 我在快速搜索后找不到它。 Joomla 文档在这里http://docs.joomla.org/J3.x:How_to_use_the_Template_Manager#Creating_Overrides

一旦您将模块放置在所需的位置，就可以很容易地更改 css 以便按照您所说的在块之间添加填充或空间。使用 DevTools / FireBug

还请注意，您应该使用 css 覆盖而不是编辑核心 style.css - 如果您编辑此文件并决定更新模板（到最新版本），您将丢失所做的更改。文档在这里http://www.joomla-monster.com/blog/customization/the-best-way-to-add-custom-css-styles-to-joomla-3-template

如果这没有帮助，请附上您网站的链接，我会看看。

【讨论】：