CMS Development

psalvadom
Member

How to personalize the "upload file" button in a hubspot form using css

SOLVE

Hi!

I'm trying to personalize the "upload file" button in a HubSpot form using CSS, I mean... I want to change how the button looks like.

 

To convert this:

boton.PNG
into this:

 

btn.PNG

 

0 Upvotes
1 Accepted solution
stefen
Solution
Key Advisor | Partner
Key Advisor | Partner

How to personalize the "upload file" button in a hubspot form using css

SOLVE

@psalvadom you'll want to add styles to input[type="file"] in your stylesheet. This is a great article describing some best practices for styling these input types: https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post

2 Replies 2
stefen
Solution
Key Advisor | Partner
Key Advisor | Partner

How to personalize the "upload file" button in a hubspot form using css

SOLVE

@psalvadom you'll want to add styles to input[type="file"] in your stylesheet. This is a great article describing some best practices for styling these input types: https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

Stefen Phelps, Community Champion, Kelp Web Developer
ashleyidesign
Top Contributor | Partner
Top Contributor | Partner

How to personalize the "upload file" button in a hubspot form using css

SOLVE

Hey,

 

I would need to see the page you're working on. Feel free to email me ashley@ashleyidesign.com and I'll see what I can do!

 

- Ashley

https://www.ashleyidesign.com

0 Upvotes