# Adding a border solid outline to HubSpot raw HTML embedded in Craft

**URL:** <https://community.hubspot.com/t/adding-a-border-solid-outline-to-hubspot-raw-html-embedded-in-craft/79207>\
**Category:** Lead Capture Tools\
**Tags:** professional\
**Created:** [April 12, 2023, 7:54pm UTC](https://community.hubspot.com/t/adding-a-border-solid-outline-to-hubspot-raw-html-embedded-in-craft/79207 "2023-04-12T19:54:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![PBrehm](https://avatars.discourse-cdn.com/v4/letter/p/bc8723/32.png) [@PBrehm](https://community.hubspot.com/u/PBrehm)\
**Post date:** [April 12, 2023, 7:54pm UTC](https://community.hubspot.com/t/adding-a-border-solid-outline-to-hubspot-raw-html-embedded-in-craft/79207/1 "2023-04-12T19:54:54Z")

</div>

Hi,

I’m trying to add a solid border around the boxes in my HubSpot form. The problem is when I drop the raw HTML embed code into our CMS, Craft, it makes it appear white on a white background. Does anyone have any nifty code I code just pop in to make the form field boxes legible?

---

<div class="post-metadata">

**Author:** ![himanshurauthan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/himanshurauthan/32/53076_2.png) [@himanshurauthan](https://community.hubspot.com/u/himanshurauthan)\
**Post date:** [April 13, 2023, 7:39am UTC](https://community.hubspot.com/t/adding-a-border-solid-outline-to-hubspot-raw-html-embedded-in-craft/79207/2 "2023-04-13T07:39:18Z")

</div>

Hello @PBrehm  
You can add CSS to the HTML code to give the form field boxes a solid border and a contrasting color to make them legible on a white background. Here’s an example CSS code snippet you can add to the HTML cod

```lia-code-sample
<style>
 /* Add a solid border to all form field boxes */
 input[type="text"], input[type="email"], textarea {
 border: 1px solid #000;
 }
 /* Change the background color of the form field boxes */
 input[type="text"], input[type="email"], textarea {
 background-color: #fff;
 }
</style>

```

You can insert this CSS code between the `<head>` and `</head>` tags in the HTML code, like this:

```lia-code-sample
<head>
 <style>
 /* Add a solid border to all form field boxes */
 input[type="text"], input[type="email"], textarea {
 border: 1px solid #000;
 }
 /* Change the background color of the form field boxes */
 input[type="text"], input[type="email"], textarea {
 background-color: #fff;
 }
 </style>
</head>
<body>
 <!-- Your HubSpot form HTML code here -->
</body>

```

Adjust the `border` and `background-color` values to match your desired style. This should make the form field boxes legible on a white background in your CMS.
