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

Question

保持温柔-我是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模板。 谢谢！

Answer 1

如果要将特定模块放置在模板上的特定位置，则不要通过扩展>模块管理器。 模块位置必须明显存在（例如，侧栏-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

如果这样做没有帮助，请提供指向您网站的链接，我会看一下。