Column/Cell align left: Another elusive css element

[roattw]

Have a datapage report field that is also included in an aggregation.  Trying to left justify that column. 

Chrome Dev identifies two fields that affect this alignment as:  .cbResultSetHeaderCellNumberDate  and  .cbResultSetTableCellNumberDate.  If I change it in Chrome Dev Inspect it aligns column to left.

.cbResultSetHeaderCellNumberDate {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #dce6f1;
    padding: 5px;
    border-color: #eeeeee;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

Also searched in Caspio that styles entire source code and sequentially changed all references to a text align=right to =left.  Still no change to live page.

Where is the PREVIEW of the page pulling that right setting from?

Thanks for your patience.

[IMDora]

Hi roaatw,

Could you provide the URL of the affected DataPage?

That would be helpful for troubleshooting purposes.

Looking forward for your response.

[roattw]

Thanks IMDora.  Despite having cleared my Google cache I think it just wasnt caching properly.  Later that night from home it appeared fine.

[RuisiHansamu]

Hi there, I agree with @roattw. There are times that this is not able to display correctly on some of my users. Then, I figured that using the !important property in our style. What we did is first, go to the Styles > Click Source > Select 'All' > Search or Ctrl+F and paste the name of the cell name that you have, in our case it is .cbResultSetTableCell > From there, make sure to insert the !important at the end of the text-align.  

Here is a brief example on our part: 

-----------Start------------
text-align: left !important;
-----------End------------

For your reference, here is the article for the styles: https://howto.caspio.com/styles/creating-or-editing-style/ 

Hope this helps. Cheers.

[autonumber]

Hi! Adding this post might be helpful as well.