# Rapyd custom css in Woocommerce

**URL:** <https://community.rapyd.net/t/rapyd-custom-css-in-woocommerce/1156>\
**Category:** ⚙️ API\
**Created:** [September 15, 2021, 12:30pm UTC](https://community.rapyd.net/t/rapyd-custom-css-in-woocommerce/1156 "2021-09-15T12:30:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dbardits](https://avatars.discourse-cdn.com/v4/letter/d/779978/32.png) [@dbardits](https://community.rapyd.net/u/dbardits)\
**Post date:** [September 15, 2021, 12:30pm UTC](https://community.rapyd.net/t/rapyd-custom-css-in-woocommerce/1156/1 "2021-09-15T12:30:17Z")

</div>

Hi all,

I am developing an online shop using Rapyd for payments, using the Rapyd plugin for Woocommerce. I’d like to add custom css to the checkout page. Within the #rapyd-checkout div, an iFrame loads an external html to make the payment. I’d like to edit the basic css, fonts, background and borders of this html. Is there any way to do this? Perhaps with javascript?

Thanks for any help.

Daniel

[https://amina.is/checkout/order-pay/9083/?key=wc\_order\_9v0pV3wAzBZ2M](https://amina.is/checkout/order-pay/9083/?key=wc_order_9v0pV3wAzBZ2M)