# Stripe Payment Element Styling

**URL:** https://community.gravityforms.com/t/stripe-payment-element-styling/16300
**Category:** Get Help
**Tags:** css, stripe, gform\_stripe\_elements\_style
**Created:** [November 18, 2023, 4:20pm UTC](https://community.gravityforms.com/t/stripe-payment-element-styling/16300 "2023-11-18T16:20:48Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![seanjones](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@seanjones](https://community.gravityforms.com/u/seanjones)
#### Post date: [November 18, 2023, 4:20pm UTC](https://community.gravityforms.com/t/stripe-payment-element-styling/16300/1 "2023-11-18T16:20:48Z")

</div>

I’m having trouble figuring out how to style the Stripe payment element. It’s wrapped in an iframe. So it’s source code isn’t editable, but I know it’s pulling from Gravity Forms variables to get it’s basic styling. I’ve been trying to follow this documentation;

> **[Behind the Build: How We Integrated the Gravity Forms Theme Framework with...](https://www.gravityforms.com/blog/theme-framework-stripe-integration/)**
>
> Learn how our Product team integrated the GF theme framework with Stripe’s Payment Element to create a streamlined online payment experience.

But I feel there’s much specificity missing such as where to put the code snippets, and how to they specificslly relate to the overall functionality

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [December 1, 2023, 1:51am UTC](https://community.gravityforms.com/t/stripe-payment-element-styling/16300/2 "2023-12-01T01:51:40Z")

</div>

Hi Sean. Take a look at this example:

> **[Stripe Style filter](https://share.gravityfor.ms/n/Q2GNEd)**
>
> Shared with Droplr

This is PHP code that can be added to your theme functions.php file, or you can use a plugin such as this one to keep the code separate from the theme: [Code Snippets – WordPress plugin | WordPress.org](https://wordpress.org/plugins/code-snippets/%E2%80%8B%E2%80%8B%E2%80%8B%E2%80%8B)

Please see this article for additional information on placing PHP snippets: [https://docs.gravityforms.com/where-do-i-put-this-code/#h-php](https://docs.gravityforms.com/where-do-i-put-this-code/#h-php)

If you have any other questions, please let us know.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)
#### Post date: [December 31, 2023, 1:51am UTC](https://community.gravityforms.com/t/stripe-payment-element-styling/16300/3 "2023-12-31T01:51:51Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
