# \#css

**URL:** https://community.gravityforms.com/tag/css/28.md

[Latest](https://community.gravityforms.com/latest.md) · [Categories](https://community.gravityforms.com/categories.md) · [Tags](https://community.gravityforms.com/tags.md)

---

## [Watermark a gravity form](https://community.gravityforms.com/t/watermark-a-gravity-form/20464)

<div class="topic-metadata">

**Author:** [@user6a918c03b9f23393](https://community.gravityforms.com/u/user6a918c03b9f23393)\
**Replies:** 1\
**Last updated:** [October 19, 2026, 5:27am UTC](https://community.gravityforms.com/t/watermark-a-gravity-form/20464 "2026-10-19T05:27:50Z")

</div>

Hi like to put a property claim watermark on a long form. No expert here, is there a simple way that it shows faintly underneath all the form text I made up PNG images and cannot get them to work. Using Gravity forms wit…

---

## [Why doesn't my form look like the theme I chose? Do I need to add to the CSS? ](https://community.gravityforms.com/t/why-doesnt-my-form-look-like-the-theme-i-chose-do-i-need-to-add-to-the-css/20451)

<div class="topic-metadata">

**Author:** [@nlikens1411](https://community.gravityforms.com/u/nlikens1411)\
**Replies:** 1\
**Last updated:** [October 1, 2026, 2:18pm UTC](https://community.gravityforms.com/t/why-doesnt-my-form-look-like-the-theme-i-chose-do-i-need-to-add-to-the-css/20451 "2026-10-01T14:18:08Z")

</div>

I created a form, I chose a theme, and then I embedded the form onto my website with a short code but none of the CSS is translating. I’m wondering why my current form doesn’t look like the theme I chose. Is there someth…

---

## [Issue with PDF Results in Aryal Template](https://community.gravityforms.com/t/issue-with-pdf-results-in-aryal-template/20409)

<div class="topic-metadata">

**Author:** [@a.sbai](https://community.gravityforms.com/u/a.sbai)\
**Replies:** 2\
**Last updated:** [August 20, 2026, 10:25pm UTC](https://community.gravityforms.com/t/issue-with-pdf-results-in-aryal-template/20409 "2026-08-20T22:25:34Z")

</div>

Hi guys, I just purchased the Aryal template, but when I complete the questionnaire and go to the PDF results, I see dotted lines between the lines of text. How can I get rid of these dotted lines? Please help. Thank …

---

## [Label for radio buttons inline](https://community.gravityforms.com/t/label-for-radio-buttons-inline/20355)

<div class="topic-metadata">

**Author:** [@user63c99ad67ee37860](https://community.gravityforms.com/u/user63c99ad67ee37860)\
**Replies:** 1\
**Last updated:** [July 24, 2026, 8:59am UTC](https://community.gravityforms.com/t/label-for-radio-buttons-inline/20355 "2026-07-24T08:59:18Z")

</div>

I have two radio buttons inline and the label is on top. I would like the label to be to the left inline so everything is on one line. I would also like to style the radio buttons to be larger, have a bigger stroke and b…

---

## [Feature Request: CSS Customization Options for GP Bookings Calendar](https://community.gravityforms.com/t/feature-request-css-customization-options-for-gp-bookings-calendar/20280)

<div class="topic-metadata">

**Author:** [@AeroStar](https://community.gravityforms.com/u/AeroStar)\
**Replies:** 1\
**Last updated:** [June 1, 2026, 5:16pm UTC](https://community.gravityforms.com/t/feature-request-css-customization-options-for-gp-bookings-calendar/20280 "2026-06-01T17:16:51Z")

</div>

Hi Team, I have reviewed the latest documentation for GP Bookings as well as the discussions here on the community board. Based on my findings, I would like to propose adding a CSS settings section to GP Bookings to al…

---

## [Best Practice or Suggestion for Overiding Orbital Styles when using a page builder](https://community.gravityforms.com/t/best-practice-or-suggestion-for-overiding-orbital-styles-when-using-a-page-builder/20193)

<div class="topic-metadata">

**Author:** [@aaronvg](https://community.gravityforms.com/u/aaronvg)\
**Replies:** 5\
**Last updated:** [April 17, 2026, 10:42pm UTC](https://community.gravityforms.com/t/best-practice-or-suggestion-for-overiding-orbital-styles-when-using-a-page-builder/20193 "2026-04-17T22:42:17Z")

</div>

We’re using Breakdance to build sites recently and using Gravity Forms instead of the built-in forms. What are people doing to add styling to override the Orbital theme with their brand colors and styles? Right now I’m…

---

## [Blue line showing on confirmation page](https://community.gravityforms.com/t/blue-line-showing-on-confirmation-page/20207)

<div class="topic-metadata">

**Author:** [@ashWhitney](https://community.gravityforms.com/u/ashWhitney)\
**Replies:** 2\
**Last updated:** [April 13, 2026, 6:15pm UTC](https://community.gravityforms.com/t/blue-line-showing-on-confirmation-page/20207 "2026-04-13T18:15:56Z")

</div>

Hello I’d be most grateful for some help please. A thin blue line is showing on the confirmation page for a form save. The line is shown in the screen capture above the text “thank you - we have saved…”. I’d like to r…

---

## [Gravity Forms Orbital Theme don't work when switch on dark mode in Jannah News](https://community.gravityforms.com/t/gravity-forms-orbital-theme-dont-work-when-switch-on-dark-mode-in-jannah-news/20174)

<div class="topic-metadata">

**Author:** [@raffav](https://community.gravityforms.com/u/raffav)\
**Replies:** 10\
**Last updated:** [April 1, 2026, 5:22am UTC](https://community.gravityforms.com/t/gravity-forms-orbital-theme-dont-work-when-switch-on-dark-mode-in-jannah-news/20174 "2026-04-01T05:22:33Z")

</div>

Gravity Forms Orbital Theme don’t work when switch on dark mode in Jannah News theme. Does anyone have any suggestions on how I might find a solution? Best regards, Oriano

---

## [Getting "This field is for validation purposes and should be left unchanged." on form](https://community.gravityforms.com/t/getting-this-field-is-for-validation-purposes-and-should-be-left-unchanged-on-form/20137)

<div class="topic-metadata">

**Author:** [@george.trifanoff](https://community.gravityforms.com/u/george.trifanoff)\
**Replies:** 1\
**Last updated:** [March 11, 2026, 6:01am UTC](https://community.gravityforms.com/t/getting-this-field-is-for-validation-purposes-and-should-be-left-unchanged-on-form/20137 "2026-03-11T06:01:37Z")

</div>

Getting an unwanted verification field (that seems to not even be consistent upon page refresh) at top of gravity forms

---

## [Styling issues on Gravity Form](https://community.gravityforms.com/t/styling-issues-on-gravity-form/20128)

<div class="topic-metadata">

**Author:** [@beinspiredwebdesign](https://community.gravityforms.com/u/beinspiredwebdesign)\
**Replies:** 3\
**Last updated:** [March 8, 2026, 5:26am UTC](https://community.gravityforms.com/t/styling-issues-on-gravity-form/20128 "2026-03-08T05:26:41Z")

</div>

I have a weird styling issue that I cannot seem to fix. I have some blue lines on my form. I have tried to remove them with CSS in five different ways, but I can’t seem to find the solution. Bonus question: After I clic…

---

## [Styling conflicts with Chosen dropdown and Image Choice in Gravity Forms](https://community.gravityforms.com/t/styling-conflicts-with-chosen-dropdown-and-image-choice-in-gravity-forms/20116)

<div class="topic-metadata">

**Author:** [@user69a2cd8ec14d5379](https://community.gravityforms.com/u/user69a2cd8ec14d5379)\
**Replies:** 1\
**Last updated:** [March 3, 2026, 5:15am UTC](https://community.gravityforms.com/t/styling-conflicts-with-chosen-dropdown-and-image-choice-in-gravity-forms/20116 "2026-03-03T05:15:40Z")

</div>

Hi everyone, I’m styling a Gravity Form inside a WordPress site that uses a dark custom theme (black background layout) and Elementor. I’m experiencing styling conflicts between: • The theme’s default styles (which fo…

---

## [Likert scale showing 5 options but only the lables for 2 an those are 1 and 5 - Looks like a CSS issue - can someone help please](https://community.gravityforms.com/t/likert-scale-showing-5-options-but-only-the-lables-for-2-an-those-are-1-and-5-looks-like-a-css-issue-can-someone-help-please/20118)

<div class="topic-metadata">

**Author:** [@boxercox](https://community.gravityforms.com/u/boxercox)\
**Replies:** 2\
**Last updated:** [March 3, 2026, 4:30am UTC](https://community.gravityforms.com/t/likert-scale-showing-5-options-but-only-the-lables-for-2-an-those-are-1-and-5-looks-like-a-css-issue-can-someone-help-please/20118 "2026-03-03T04:30:57Z")

</div>

Likert field isnt behaving Can someone please look at whythe 5 labels are not displaying - the entry comes throgh with correct answers

---

## [How to change default blue styling](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066)

<div class="topic-metadata">

**Author:** [@user698a269d26e16634](https://community.gravityforms.com/u/user698a269d26e16634)\
**Replies:** 1\
**Last updated:** [February 19, 2026, 12:49pm UTC](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066 "2026-02-19T12:49:09Z")

</div>

I’m trying to figure out how to change the bright blue highlight that appears when users complete text fields, radio buttons, image choice ticks, drop-down options.. I found some CSS to change the ‘submit’ button which w…

---

## [Column width in list type](https://community.gravityforms.com/t/column-width-in-list-type/20042)

<div class="topic-metadata">

**Author:** [@user5e754fc096baf839](https://community.gravityforms.com/u/user5e754fc096baf839)\
**Replies:** 2\
**Last updated:** [February 5, 2026, 9:38pm UTC](https://community.gravityforms.com/t/column-width-in-list-type/20042 "2026-02-05T21:38:44Z")

</div>

hi there, I can see other replies to my question, but none work on my site. Is there anyone that can assist? I’d like list\_78\_cell1 through to 7 to be 10% container width Here’s one that didn’t work body .gform\_wrapper…

---

## [SOLVED! Change Colour of Completed Step](https://community.gravityforms.com/t/solved-change-colour-of-completed-step/20031)

<div class="topic-metadata">

**Author:** [@user6958351739117584](https://community.gravityforms.com/u/user6958351739117584)\
**Replies:** 4\
**Last updated:** [January 29, 2026, 5:35am UTC](https://community.gravityforms.com/t/solved-change-colour-of-completed-step/20031 "2026-01-29T05:35:56Z")

</div>

Hi, I have seen this posted a few times without resolution. I am able to change the colour of all other CSS, but cannot find the selector for changing the completed step colour. The documentation here does not seem t…

---

## [Cloudflare Invisible Turnstile Field Empty (error log) \[RESOLVED\]](https://community.gravityforms.com/t/cloudflare-invisible-turnstile-field-empty-error-log-resolved/19981)

<div class="topic-metadata">

**Author:** [@user5a95f34cc18ae0.4](https://community.gravityforms.com/u/user5a95f34cc18ae0.4)\
**Replies:** 1\
**Last updated:** [January 28, 2026, 9:02pm UTC](https://community.gravityforms.com/t/cloudflare-invisible-turnstile-field-empty-error-log-resolved/19981 "2026-01-28T21:02:20Z")

</div>

Our Cloudflare Invisible Turnstile has stopped working recently and I’m wondering if anyone has insight into this error: 2026-01-14 10:02:31.798497 - DEBUG → GF\_Field\_Turnstile::validate(): Beginning Turnstile field val…

---

## [Gravity Forms confirmation success page displays shortcode from silkypress simple custom ccs js](https://community.gravityforms.com/t/gravity-forms-confirmation-success-page-displays-shortcode-from-silkypress-simple-custom-ccs-js/19968)

<div class="topic-metadata">

**Author:** [@MIU](https://community.gravityforms.com/u/MIU)\
**Replies:** 2\
**Last updated:** [January 17, 2026, 4:18pm UTC](https://community.gravityforms.com/t/gravity-forms-confirmation-success-page-displays-shortcode-from-silkypress-simple-custom-ccs-js/19968 "2026-01-17T16:18:24Z")

</div>

I have successfully embedded shortcode from the Insert into Pages plugin into a Gravity Forms confirmation, but I cannot embed Simple Custom CSS and JS plugin’s shortcode into the same confirmation; instead, it displays …

---

## [Align the add field icon to the left / start of the row in the List field \[RESOLVED\]](https://community.gravityforms.com/t/align-the-add-field-icon-to-the-left-start-of-the-row-in-the-list-field-resolved/19977)

<div class="topic-metadata">

**Author:** [@user69659b783197f612](https://community.gravityforms.com/u/user69659b783197f612)\
**Replies:** 2\
**Last updated:** [January 15, 2026, 5:35am UTC](https://community.gravityforms.com/t/align-the-add-field-icon-to-the-left-start-of-the-row-in-the-list-field-resolved/19977 "2026-01-15T05:35:19Z")

</div>

Hi, I’ve tried searching but cannot find an answer for this. How can I move the plus symbol for adding new fields to the start of the row when using the LIST field? Thanks in advance :grin:

---

## [Dropdown Field Stays Blank After Answer Selection](https://community.gravityforms.com/t/dropdown-field-stays-blank-after-answer-selection/19950)

<div class="topic-metadata">

**Author:** [@satisfy](https://community.gravityforms.com/u/satisfy)\
**Replies:** 1\
**Last updated:** [December 31, 2025, 12:07pm UTC](https://community.gravityforms.com/t/dropdown-field-stays-blank-after-answer-selection/19950 "2025-12-31T12:07:45Z")

</div>

Hey all, I would appreciate some help with a styling issue I’m having with Gravity Forms and I would assume my CSS. My answer choices show up fine when I select a dropdown field, however, after selecting a choice the fie…

---

## [Can you please change input type="submit" to button type="submit"](https://community.gravityforms.com/t/can-you-please-change-input-type-submit-to-button-type-submit/19945)

<div class="topic-metadata">

**Author:** [@mysmtpletters](https://community.gravityforms.com/u/mysmtpletters)\
**Replies:** 1\
**Last updated:** [December 26, 2025, 8:59am UTC](https://community.gravityforms.com/t/can-you-please-change-input-type-submit-to-button-type-submit/19945 "2025-12-26T08:59:11Z")

</div>

Can you please change this tag ? \*It’s very horrible to custom styling this element

---

## [How to style the color of the svg icons of the Survey add-on (for Dark Mode)?](https://community.gravityforms.com/t/how-to-style-the-color-of-the-svg-icons-of-the-survey-add-on-for-dark-mode/19929)

<div class="topic-metadata">

**Author:** [@stgoos](https://community.gravityforms.com/u/stgoos)\
**Replies:** 2\
**Last updated:** [December 22, 2025, 10:45am UTC](https://community.gravityforms.com/t/how-to-style-the-color-of-the-svg-icons-of-the-survey-add-on-for-dark-mode/19929 "2025-12-22T10:45:42Z")

</div>

Does anyone have a trick on how to style the svg icons for the Rating (the star icons) and the Ranking (the arrows icon) types of the Survey field (gsurvey) with a custom color? I need to change the colors of the svg ic…

---

## [Gravity forms new columns in woocommerce product page css \[RESOLVED\]](https://community.gravityforms.com/t/gravity-forms-new-columns-in-woocommerce-product-page-css-resolved/19926)

<div class="topic-metadata">

**Author:** [@user5cb1a8ea3c5fd791](https://community.gravityforms.com/u/user5cb1a8ea3c5fd791)\
**Replies:** 3\
**Last updated:** [December 11, 2025, 4:55pm UTC](https://community.gravityforms.com/t/gravity-forms-new-columns-in-woocommerce-product-page-css-resolved/19926 "2025-12-11T16:55:22Z")

</div>

We have a gravity form added to the tabs.php in WooCommerce. to add a request more information form on each product page. I cannot get the columns to work since removing all the depreciated CSS to format the columns an…

---

## [CSS code to Change Text Color of Section's Description](https://community.gravityforms.com/t/css-code-to-change-text-color-of-sections-description/19924)

<div class="topic-metadata">

**Author:** [@user68d9e9ecdc41b629](https://community.gravityforms.com/u/user68d9e9ecdc41b629)\
**Replies:** 1\
**Last updated:** [December 11, 2025, 2:19am UTC](https://community.gravityforms.com/t/css-code-to-change-text-color-of-sections-description/19924 "2025-12-11T02:19:04Z")

</div>

Hi, My website background is grey and text is white color. I used custom CSS to change gravity form background to white. Most text is shown as black on the gravity from, Except the Description of the Section field is st…

---

## [Signature Field Too Large. \[RESOLVED\]](https://community.gravityforms.com/t/signature-field-too-large-resolved/19892)

<div class="topic-metadata">

**Author:** [@dhiscock](https://community.gravityforms.com/u/dhiscock)\
**Replies:** 2\
**Last updated:** [November 26, 2025, 2:35pm UTC](https://community.gravityforms.com/t/signature-field-too-large-resolved/19892 "2025-11-26T14:35:32Z")

</div>

Hi everyone, I’ll start by saying that I don’t know a whole lot about WordPress. This issue landed on my plate after the person responsible for our website left the company. I do have some experience developing sites wi…

---

## [How to get the "other" field also inline with radio buttons?](https://community.gravityforms.com/t/how-to-get-the-other-field-also-inline-with-radio-buttons/19873)

<div class="topic-metadata">

**Author:** [@user688d1b4907e4c528](https://community.gravityforms.com/u/user688d1b4907e4c528)\
**Replies:** 1\
**Last updated:** [November 26, 2025, 2:32pm UTC](https://community.gravityforms.com/t/how-to-get-the-other-field-also-inline-with-radio-buttons/19873 "2025-11-26T14:32:49Z")

</div>

I added an inline class to my radio buttons, I’d like the “other” field to also be inline. Having trouble figuring out the right css to get the other field to move too

---

## [Changing blue highlight colour \[RESOLVED\]](https://community.gravityforms.com/t/changing-blue-highlight-colour-resolved/19829)

<div class="topic-metadata">

**Author:** [@fairisleaccommodatio](https://community.gravityforms.com/u/fairisleaccommodatio)\
**Replies:** 4\
**Last updated:** [November 16, 2025, 3:03pm UTC](https://community.gravityforms.com/t/changing-blue-highlight-colour-resolved/19829 "2025-11-16T15:03:10Z")

</div>

Hello, I am using a gform on a website that I am building. I have been able to edit all of the appearance changes required, except one and would really appreciate your help. Please can you tell me how to change the blu…

---

## [Maintaining Post Styles when using {embed\_post:post\_content}](https://community.gravityforms.com/t/maintaining-post-styles-when-using-embed-post-post-content/19788)

<div class="topic-metadata">

**Author:** [@lamar.christian](https://community.gravityforms.com/u/lamar.christian)\
**Replies:** 1\
**Last updated:** [October 17, 2025, 2:02pm UTC](https://community.gravityforms.com/t/maintaining-post-styles-when-using-embed-post-post-content/19788 "2025-10-17T14:02:05Z")

</div>

When adding the field {embed\_post:post\_content}, it allows for custom data fromt eh specific page to be included in the form notification. However, it list the typed response with the Header, Paragraph and Strong tags f…

---

## [Orbital theme CSS variables & selector specificity](https://community.gravityforms.com/t/orbital-theme-css-variables-selector-specificity/19681)

<div class="topic-metadata">

**Author:** [@user5c5ace8f969021.9](https://community.gravityforms.com/u/user5c5ace8f969021.9)\
**Replies:** 1\
**Last updated:** [September 4, 2025, 7:59am UTC](https://community.gravityforms.com/t/orbital-theme-css-variables-selector-specificity/19681 "2025-09-04T07:59:07Z")

</div>

I’m trying to style a form with the Orbital theme using CSS. I’ve been reading some threads on this forum which suggest that CSS variables are the way to go here. If I’ve been reading things correctly, it should be as si…

---

## [Save and Continue and Send Link Button](https://community.gravityforms.com/t/save-and-continue-and-send-link-button/19668)

<div class="topic-metadata">

**Author:** [@user64577c636ec01048](https://community.gravityforms.com/u/user64577c636ec01048)\
**Replies:** 1\
**Last updated:** [August 14, 2025, 9:28pm UTC](https://community.gravityforms.com/t/save-and-continue-and-send-link-button/19668 "2025-08-14T21:28:50Z")

</div>

I have searched through previous discussions regarding the Save and Continue button but I’m having difficulties in implementing previous solutions in how to remove the icon in the button. I’m also hoping there is a way …

---

## [The future of the Gravity Forms 2.5 theme](https://community.gravityforms.com/t/the-future-of-the-gravity-forms-2-5-theme/19594)

<div class="topic-metadata">

**Author:** [@user5c5ace8f969021.9](https://community.gravityforms.com/u/user5c5ace8f969021.9)\
**Replies:** 2\
**Last updated:** [July 17, 2025, 10:28am UTC](https://community.gravityforms.com/t/the-future-of-the-gravity-forms-2-5-theme/19594 "2025-07-17T10:28:02Z")

</div>

Legacy markup is going to go away in GF 3.1. So I have started the process of disabling it on my client’s sites. As most of the sites I manage are custom builds, in which the forms are styled using CSS only, it seems ea…

[Next page](https://community.gravityforms.com/tag/css/28.md?match_all_tags=true&page=1&tags%5B%5D=css)
