How do you change the styling of a HubSpot pop up form?

  • read
How do you change the styling of a HubSpot pop up form?

I recently tried adding a HubSpot popup form but I noticed I didn’t like the styles. It wasn’t exactly what I was looking for. The form admin does not provide extensive customization options, but if you are comfortable adding CSS styles you can adjust the popup to fit your needs.

Below are the changes I wanted to make.

  • Larger featured image that could bleed off the bottom edge
  • Larger and colored title text to
  • Larger body text to increase readability
  • A button that looks less like a horizontal bar
  • White background instead of light gray to increase contrast

Before

hubspot pop up form before

After

hubspot pop up form after

How to update

Need help with the implementation? Or need something more customized?

Contact me.

 


Written by: Jacob Lett, a website designer & developer who creates HubSpot CMS themes and writes web design & marketing books to help marketers, designers, and web developers grow their businesses. This blog is my own personal journal and source to help others through some challenges I have faced.
Connect on LinkedIn


Category: Articles
Tags: , , ,