---
title: "Adding Custom CSS classes to fields or widgets"
date: 2026-04-23
author: "GravityKit"
link: "https://www.gravitykit.com/docs/gravityview/customizing-your-views/adding-custom-css-classes-to-fields-or-widgets/"
---

Note: Custom CSS is always enabled for *fields.* To enable custom CSS classes for GravityView *widgets*, [first follow this how-to guide.](https://www.gravitykit.com/docs/gravityview/customizing-your-views/enabling-custom-css-classes-for-gravityview-widgets/)

## Click the gear icon to access the field or widget settings

The gear icon will appear when configurations are available for the field or the widget.

![Settings options for customizing CSS classes on entry fields titled First, Last, and Email](https://www.gravitykit.com/wp-content/uploads/2025/10/file-ScZ1NSsRCT.png)

## Add your custom CSS classes

You can add CSS classes that will be added to the field container when rendered in the View.

GravityView provides some classes for modifying widths. [Learn more on the CSS Guide's](https://www.gravitykit.com/docs/gravityview/customizing-your-views/css-guide/) "Grid Layout" section.

![Custom CSS class input field in form settings, allowing styling for field containers](https://www.gravitykit.com/wp-content/uploads/2025/10/file-w8yyTFPazD.png)

## Save the view

![WordPress publish panel with shortcode and update button highlighted](https://www.gravitykit.com/wp-content/uploads/2025/10/file-JX4W81YNjr.png)