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

Marketing & Content Hub Lead Capture Tools
1

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?

2

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

<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:

<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.