Having recently delved into CSS and just starting out with Liferay, I am in the process of creating a custom theme. As an experiment, I attempted to modify the title text color for portlets on the page. In my custom.css file, I have included the following:
.portlet-title {
float: none;
font-weight: bold;
min-width: 50%;
padding: 5px;
text-shadow: 1px 1px #FFF;
color: #800000;
}
I believe that this is the correct class, as applying the color through the Firefox inspector under this class successfully changes the color. However, upon deploying the theme, it reverts back to:
.portlet-title {
float: none;
font-weight: bold;
min-width: 50%;
padding: 5px;
text-shadow: 1px 1px #FFF;
}
Even after FTPing to the theme's folder, the changes in custom.css remain intact. Strangely, when the theme renders in Liferay, it defaults back to the earlier version of CSS before modifications were made. I have exhausted all efforts including clearing browser cache. Any suggestions?