css - 主题更改未显示在 liferay 中

Question

我对 CSS 比较陌生，对 Liferay 也很陌生。我有一个要构建的自定义主题。只是为了测试，我试图更改页面上 portlet 的标题文本颜色。在我的 custom.css 中，我有

.portlet-title {
   float: none;
   font-weight: bold;
   min-width: 50%;
   padding: 5px;
   text-shadow: 1px 1px #FFF;
   color: #800000;
}

我假设这是正确的类，因为在这个类下的 firefox 检查器中添加颜色会改变颜色。但是，当我部署主题时，它会恢复为

.portlet-title {
      float: none;
      font-weight: bold;
      min-width: 50%;
      padding: 5px;
      text-shadow: 1px 1px #FFF;
}

如果我 ftp 到主题文件夹，我所做的更改仍在 custom.css 中。出于某种原因，当主题在 Liferay 中呈现时，它会恢复到我进行更改之前的 css。我已经尝试了所有我知道的尝试，包括清除浏览器缓存。有什么想法吗？

Answer 1

听起来您正在直接更新网络服务器上的文件(“ftp 主题文件夹”)而不是正确地更改它，例如在开发环境中，构建一个新的主题。

Liferay 缩小了 CSS(和 javascript)，将所有 CSS 文件连接成一个并消除了空格。还有 SASS 处理。所有这些都被缓存了，所以 Liferay 很可能在不重新部署新主题的情况下检测不到您的更改。

使用主题的“原始”开发版本，在那里(在 _diffs 文件夹中)进行更改并构建更新的主题插件。将其部署到 Liferay，更改将被应用。