Landing Pages: Forms and limited customizability templates (2024)

2) Additionally, when we're using forms on landing pages -- we're running into an issue here with customizing the form text. Is there a way to separately update the font/style of the question vs. the dropdown options?

For example, bolding the text here -- changes it for both the question and the dropdown option. Is there a way to individually change these?

Professional

0Upvotes

Landing Pages: Forms and limited customizability templates

SOLVE

Hello!

It's great to hear that your organization has upgraded to CMS Hub and Marketing Hub Professional for easier landing page creation. I can provide some guidance on the two issues you've mentioned:

1) Customizable Starter Templates:

• While many starter templates in HubSpot are designed to be user-friendly, it's true that some may have limitations in terms of customization. If you're looking for highly customizable templates that are easy for non-technical users, you might want to explore the "Blank" or "Simple" templates that provide a clean slate to build your landing page from scratch. These templates allow you to design your page exactly how you want it without any predefined constraints.

2) Customizing Form Text:

• HubSpot's form customization options may not always provide granular control over text styling for form elements (e.g., question vs. dropdown options). However, you can achieve some level of customization through CSS (Cascading Style Sheets) to target specific elements within your form. Here's a general approach:

  a) Identify the CSS Classes or IDs: Use your browser's developer tools to inspect the form elements and identify the CSS classes or IDs associated with the form questions and dropdown options. HubSpot usually provides some level of HTML and CSS customization options.

  b) Write Custom CSS: Once you've identified the relevant classes or IDs, you can write custom CSS rules to style them individually. For example:

  cssCopy code

  /* Style the form question */ .form-question { font-weight: bold; /* Add other styling as needed */ } /* Style the dropdown options */ .form-dropdown { font-weight: normal; /* Reset the font-weight for options */ /* Add other styling as needed */ }

  c) Apply Custom CSS: Depending on your HubSpot setup, you can typically add custom CSS in the "Settings" or "Design" sections. Be cautious with custom CSS, and ensure it doesn't conflict with existing styles.

Please note that HubSpot's interface and capabilities may change over time, so it's a good idea to consult HubSpot's official documentation or support resources for the most up-to-date information and guidance on customization options.

If you have specific CSS classes or elements you'd like to target or if you encounter any issues with your customization, feel free to provide more details, and I can offer more specific guidance.

0Upvotes

I understand that customising forms can add a lot of value to your form and not being able to do so can be a real pain. At WorkHack, we're building AI-powered forms that are completely customizable. Our forms have a one-click integration with HubSpot CRM and can be easily embedded on landing pages.
You can read more about WorkHack forms here - Link

Would love to show you a quick demo of our product as well! Feel free to block my calendar at -https://calendly.com/sauravworkhack/book-a-demo

0Upvotes

0Upvotes

0Upvotes