Liferay 6.2 change portlet title font size through Advanced Styling CSS

[7年前 に Zak Thompson によって更新されました。]

I'm currently trying to overwrite the default font size in a portlet using the advanced styling through the look and feel menu. Custom CSS below:

#portlet_VMInfiniteScroll_WAR_VMInfiniteScrollportlet {
font-size: 11px !important;
}



However, my CSS is being overwritten by the following CSS, the default title text:

.aui .portlet .portlet-title-text{
position: absolute;
left: -18px;
top: 13px;
overflow: visible !important;
color: #fff;
width: 100%;
font-weight: bold;
height: 8px;
max-width: 100% !important;
text-transform: uppercase;
font-size: 12px !important;
background: #000;
padding: 6px 0px 10px 18px;
font: 12px/1em Lato Heavy !important;
}

How can I make it so that my important overwrites the default AUI one?

[7年前 に abdulsamad m によって更新されました。]

You can try the following css for portlet title font size.

.aui #portlet_VMInfiniteScroll_WAR_VMInfiniteScrollportlet .portlet-title-text {
font-size: 11px !important;
}