increase the width and height of the button

SOLVE
Highlighted
Regular Contributor
 
CSS
Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Regular Advisor | Partner

@Venki the default form embed will show up inside an iframe which means you can't style it from the site you're embedding it on since the CSS rules don't apply to anything inside iframes.

 

If you have Marketing Pro, you can change the embed setting to "Raw HTML" and it will use javascript to create the HTML elements on the page which will allow you to style it with your own CSS: https://knowledge.hubspot.com/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#with... 

Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post

Reply
0 Upvotes
4 Replies 4
Highlighted
Solution
Regular Advisor | Partner

@Venki the default form embed will show up inside an iframe which means you can't style it from the site you're embedding it on since the CSS rules don't apply to anything inside iframes.

 

If you have Marketing Pro, you can change the embed setting to "Raw HTML" and it will use javascript to create the HTML elements on the page which will allow you to style it with your own CSS: https://knowledge.hubspot.com/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#with... 

Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post

Reply
0 Upvotes
Highlighted
Regular Contributor

Thanks Stefan,

I got it!

Reply
0 Upvotes
Highlighted
Top Contributor | Diamond Partner

Hi Venki,

To increase the height width of a button with CSS

1. Add the padding: 
with the padding, we can increase the button height and width.

2. Add the width
We can also use the width to add the max-width of buttons.

Hope this helps!

Reply
0 Upvotes
Highlighted
Regular Contributor

Thanks for your support,

Noted!!

Regards,

Venki

Reply
0 Upvotes