Hi all,
I have a panel with 4 columns and I configure the panel settings in "htmlPanel1A".
<panel id="htmlPanel1A">
Due to different values in each columns, I sometimes found 3 columns look like left-aligned while the rest 1 column looks like right-aligned content. I think the problem comes from center-aligned in the default setting.
I would like to change into right-aligned for all columns but remains the title of the panel is center-aligned. Is there any suggestion on my CSS configuration to fulfill the purpose?
<panel depends="$alwaysHideCSS$">
<html>
<div>
<style>
/* define some default colors */
.dashboard-row .dashboard-panel{
background-color:lightcyan !important;
}
.dashboard-panel h2{
background:cyan !important;
color:FFFFFF !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
/* override default colors by panel id */
#htmlPanel1 h2,#htmlPanel1A h2{
color:#3C444D !important;
background-color:#FFFFFF !important;
}
.....
</style>
</div>
</html>
</panel>
Thank you so much.
