# Fix fields in Forms

**URL:** <https://community.hubspot.com/t/fix-fields-in-forms/95305>\
**Category:** CMS Development\
**Tags:** professional\
**Created:** [December 4, 2023, 11:14am UTC](https://community.hubspot.com/t/fix-fields-in-forms/95305 "2023-12-04T11:14:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![PKretschmer](https://avatars.discourse-cdn.com/v4/letter/p/9fc29f/32.png) [@PKretschmer](https://community.hubspot.com/u/PKretschmer)\
**Post date:** [December 4, 2023, 11:14am UTC](https://community.hubspot.com/t/fix-fields-in-forms/95305/1 "2023-12-04T11:14:17Z")

</div>

Hi there,

i’m having problems since a while with a form and dont get this solved, maybe someone can help.

I created the form that can be seen in the screenshot and copied the HTML code into our wordpress landing page.

Looking at the form you can see not all the fields are in one seperate line.

When I go into the form in hubspot i can for example drag first and last name into one line and then it shows up like that on the page but i don’t get it to be every single field in one seperate line.

 ![PKretschmer_3-1701688307255.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/6/66aa630528af9c4d52d29cdbb95bfb67b0f16fb2.png)

Any idea how I could solve this?

Best

Paula

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [December 4, 2023, 11:27pm UTC](https://community.hubspot.com/t/fix-fields-in-forms/95305/2 "2023-12-04T23:27:15Z")

</div>

Hi, @PKretschmer 👋 Thanks for your question! It can be challenging to diagnose styling issues without seeing it on a live page. Commonly, there is a CSS rule causing a conflict. Using the page inspector to see the issue in action.

Questions to help the community better understand your issue:

- is this a form where you used the — [Set as Raw HTML](https://knowledge.hubspot.com/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#with-css-in-your-external-stylesheet-marketing-hub-professional-enterprise-or-legacy-marketing-hub-basic-only) option?
- or, are you using the [embed script](https://knowledge.hubspot.com/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#add-the-form-embed-code)?

Best,

Jaycee

---

<div class="post-metadata">

**Author:** ![GRajput](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/grajput/32/102020_2.png) [@GRajput](https://community.hubspot.com/u/GRajput)\
**Post date:** [December 5, 2023, 9:16am UTC](https://community.hubspot.com/t/fix-fields-in-forms/95305/3 "2023-12-05T09:16:02Z")

</div>

Hi @PKretschmer

Can you please share the link of the page where you have added the form.

Thanks!

---

<div class="post-metadata">

**Author:** ![PKretschmer](https://avatars.discourse-cdn.com/v4/letter/p/9fc29f/32.png) [@PKretschmer](https://community.hubspot.com/u/PKretschmer)\
**Post date:** [December 7, 2023, 8:28am UTC](https://community.hubspot.com/t/fix-fields-in-forms/95305/4 "2023-12-07T08:28:47Z")

</div>

Hi Gaurav,

now I have changed the design of the form in HubSpot to bypass this issue. But this is the landing page with the form: [Virtual Voovio Training Session ​| How To Utilize The Platform](https://www.voovio.com/events/virtual-training/)

But this gives another issue that I can’t change the colors of all texts. Example: On this page: [https://www.voovio.com/careers/forward-engineer/](https://www.voovio.com/careers/forward-engineer/) the name of the file font is not good readable.