I am wondering if it is possible to change the background color of select column header for a list without using SharePoint Designer.


  • Yes, you could CSS and/or javascript/JQuery to select the header elements and set the background color property. If you are in 2013, you could also use JSLink
    – Erin L
    Jul 13, 2016 at 13:53

1 Answer 1


Add a script editor webpart to the same page where your list is and set the color for the selected column header using this CSS.

<style type="text/css">
.ms-headerCellStyleMenuOpen {
     background-color: rgba(255, 0, 0, 0.50);

Edit: Just saw that this was for 2010. As i don't have access to a 2010 farm anymore, this might or might now work. Use F12 developer tools to find the right element to style.

  • sorry for the dumb question, picked up CSS yesterday. But how to select the column header that I want to make a modification to. So for example if I only want to change the background for "FirstName" and "LastName" how do I select those
    – Jeanno
    Jul 13, 2016 at 14:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.