Lead Capture Tools

Brandy13
Participant

Form HTML formatting is off

SOLVE

Hi, when pasting my Hubspot form HTML into Shopify the formatting is off. See here: https://www.screencast.com/t/ZiidECSs9AoP

 

Anyone know how I can alter to have the field names near the field boxes? 

Thanks!

0 Upvotes
1 Accepted solution
MFrankJohnson
Solution
Thought Leader

Form HTML formatting is off

SOLVE

Hey @Brandy13

 

Try adding this CSS to only impact that form instance.

#hbspt-form-1528756626623-6602667311 {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
}

 

Try adding this CSS for .hs-button.large.primary

input [type = "submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ffffff;
  background-color: #ef4347;
  background-image: none;
}

You should find the main css file named theme.scss.liquid in the Assets section. These temporary fixes will clean things up right away. However, you'll want to do a more thorough job to make the form match your site better.

 

Ask the guys at Clean Themes for premium theme support. They may just bang it out for you in a few minutes if you tell them you're a HubSpot customer. Can't hurt to ask. 😉

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com

View solution in original post

0 Upvotes
4 Replies 4
MFrankJohnson
Thought Leader

Form HTML formatting is off

SOLVE


2000px-Ok_sign_font_awesomeDoes my post help answer your question?

Help the Community by marking it as SOLVED

 

Q: [HubSpot ] form HTML formatting is off [on Shopify page]

 

Short A: You're gonna wanna control the form appearance on Shopify using CSS.

 

Longer A:

Would help to know what Shopify theme you're using and to see a link to your page.

 

Just sayin.

 

Best,
Frank

Shopify Partner

share-on-Linkedin-Button-75x19.png 


hubspot-forum-signature-badge-v01.png

www.MFrankJohnson.com

 

Remember to include @MFrankJohnson in your message if you'd like me to reply.

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com
Brandy13
Participant

Form HTML formatting is off

SOLVE

Thanks for the reply. @MFJLabs

 

Here's a link to the "live" Shopify page. See form in the middle of the page. 

https://teamzealios.com/pages/gam?hv=kwyav

 

I'm using the Shopify Canopy theme. 

 

0 Upvotes
MFrankJohnson
Solution
Thought Leader

Form HTML formatting is off

SOLVE

Hey @Brandy13

 

Try adding this CSS to only impact that form instance.

#hbspt-form-1528756626623-6602667311 {
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
}

 

Try adding this CSS for .hs-button.large.primary

input [type = "submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ffffff;
  background-color: #ef4347;
  background-image: none;
}

You should find the main css file named theme.scss.liquid in the Assets section. These temporary fixes will clean things up right away. However, you'll want to do a more thorough job to make the form match your site better.

 

Ask the guys at Clean Themes for premium theme support. They may just bang it out for you in a few minutes if you tell them you're a HubSpot customer. Can't hurt to ask. 😉

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com
0 Upvotes
Brandy13
Participant

Form HTML formatting is off

SOLVE

@MFrankJohnson Thank you!!

0 Upvotes