increase the width and height of the button

[Venki]

I like to increase the width and height of the button 

I'm able to increase the width, but it only works in the testing environment

Url: http://maestrosteeldetailing-8190919.hs-sites.com/about
It's an embedded form

[webdew]

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!

[Venki]

Thanks for your support,

Noted!!

Regards,

Venki

[stefen · Accepted solution]

@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... 

[Venki]

Thanks Stefan,

I got it!