How can we help you today?

Change the Border Color of SharePoint List in Quick Edit View (Classic Experience)

Issue

In case you have applied a custom background image or color to your site, SharePoint lists in quick edit mode might not be obvious for end users, and they might find it difficult to use the editing feature in the list, see the following image for example:




Not cool, right? We can't see the borders.



Solution

We need to apply a CSS customization to convert the background of the search box into white, to improve the user experience, and make it more visible. To fix it, please follow these steps:



Step 1: Open branding and site customization tool

Go to Site Settings > ShortPoint Dashboard > Site Customizations > Customize my site.



Step 2: Paste Custom CSS code

Go to Utilities > Custom CSS and paste the following CSS code:


.ms-listviewtable .ms-listviewgrid td{
border-color: #777 !important;
}

.ms-listviewtable .ms-listviewgrid th{
border-color: #777 !important;
}

.ms-InlineSearch-Outline-Empty {
border-color: #777
}



Now click Apply, then Publish.


Result



Better, right? :)

You can change to ones you like as well.


Thank you!



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 50 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more