# Change Field Label Colours on a page using CSS

**URL:** https://forums.knack.com/t/change-field-label-colours-on-a-page-using-css/18539
**Category:** Show & Tell
**Created:** [January 12, 2025, 10:42am UTC](https://forums.knack.com/t/change-field-label-colours-on-a-page-using-css/18539 "2025-01-12T10:42:45Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![NickKnack](https://avatars.discourse-cdn.com/v4/letter/n/73ab20/32.png) [@NickKnack](https://forums.knack.com/u/NickKnack)
#### Post date: [January 12, 2025, 10:42am UTC](https://forums.knack.com/t/change-field-label-colours-on-a-page-using-css/18539/1 "2025-01-12T10:42:45Z")

</div>

_This may have been covered before but I could not easily find it!_

I love knack, but sometimes struggled with branding within Knack to make everything look the way you wanted. With the help of ChatGPT this little script will help you change field label colours within a view

/\* Target the detail labels in view\_14 specifically _/  
 #view\_14 .kn-detail-label {  
background-color: navy !important; /_ Navy background _/  
color: yellow !important; /_ Yellow text _/  
padding: 5px; /_ Add some padding _/  
border-radius: 3px; /_ Optional: Rounded corners _/  
display: inline-block; /_ Ensures proper styling \*/  
}

Just change the view\_14 to your view and change the colours to suit!

 ![Screenshot 2025-01-12 104217](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/f/fcda6cd8d7d49aeea6bd6a227952a0881ff60b8c.png)