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.