Adjust Currency / Percentage field alignment inside SharePoint list

In SharePoint List, If you created a new column with a currency or a percentage data type, you will note in “Allitems Page” that this column displays with margin-bottom as shown below.

CurrencyFiled

In this hint, I will show How to adjust currency or percentage column to look like as the following image.

Adjust currency

Steps:

  • In All Item Page > Edit Page > Insert Script Editor Web part.

Script Content Editor

  • Edit Web Part and Add the following CSS code.

style for currency field

<style>
.ms-number {
text-align: center ! important;
margin-top: -16px ! important;
}
</style>

  • Close Page Editing
  • The Column should now be aligned properly.

Adjust currency

Enjoy 🙂

Advertisements

One thought on “Adjust Currency / Percentage field alignment inside SharePoint list

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s