- This topic has 12 replies, 2 voices, and was last updated 3 years, 7 months ago by Max.
October 1, 2017 at 8:18 pm #395642Max
Hey Tom and Leo
The current site I am developing is a flat design including the buttons.
I am using CF7 with file upload field on three forms that create the core of the site.
I need to restyle the ugly button.
I am aware that it has a different format depending upon your browser.
I have spent days searching the internet for a decent JS css solution. But have not found any.
Any help you could provide would be appreciated greatly at my end.
MaxGeneratePress 1.4GP Premium 1.4.3October 2, 2017 at 7:54 am #395890LeoStaffCustomer Support
Here are some button style you can try: https://docs.generatepress.com/article/adding-buttons/October 2, 2017 at 7:56 am #395892Max
No gold star for you on this one Leo.
You do not understand the complexity of this question
Not after the css.
I am after how to style it.
MaxOctober 2, 2017 at 8:04 am #395895LeoStaffCustomer SupportOctober 2, 2017 at 8:17 am #395897Max
Sure I will provide you with a link to the site.
Should I email it to the support address or do you have another.
MaxOctober 2, 2017 at 8:38 am #395914LeoStaffCustomer SupportOctober 2, 2017 at 9:57 am #395970Max
I have sent you an email marked to your attention with the link to a test site and your log in credentials.
Thanks for you assistance.
MaxOctober 2, 2017 at 12:38 pm #396083LeoStaffCustomer Support
Maybe something like this would help: https://stackoverflow.com/questions/572768/styling-an-input-type-file-button
If not then you would need to contact their support.October 2, 2017 at 1:22 pm #396120Max
Solution works to hide the file input element (as long as prefixed for cf7)
and the button created via a label activates the browse window, so that you can select a file.
But the name of the selected file is not displayed.
Also I don’t know how you can interate the html label with the CF7 shortcode that includes mb upload limit and file types and the individual file class that enables CF7 to send you an email with the uploaded file attached. See link below for more detailsOctober 2, 2017 at 3:29 pm #396186LeoStaffCustomer SupportOctober 2, 2017 at 3:32 pm #396187October 2, 2017 at 3:40 pm #396191LeoStaffCustomer SupportOctober 2, 2017 at 3:48 pm #396192Max
Your easy to impress…
- You must be logged in to reply to this topic.