Contact form 7: How to style "choose file" button?

  • Hello,

    I have previously restyled the contact button which worked fine.
    But I am not sure how to style the “choose file button”.

    I suppose it should look like something like this:

    .contact-submit input {
	width: 100px;
	height: 30px;
	background-color: #999999;
	font-size: 13px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 7px;
}

    But I am not sure how to name it…

    An idea?

    Thank you for having a look

    https://www.ads-software.com/extend/plugins/contact-form-7/

Viewing 4 replies - 16 through 19 (of 19 total)

  • Hello

    It doesn;t matter where you are on page or what is your html path or what is your class or id hierarchy, you can simply use .wpcf7 or .wpcf7 .wpcf7-submit it means the contact form 7 button and it can be any where.

    thanks

    Thread Starter ftb

    (@misomaybe)

    I am not very good at this stuff but apparently it does matter,that’s why I have been using an ID for my second form, otherwise it would change the design of both my forms.

    I tried adding the code that I pasted above following your suggestion and it didn’t work.

    Did I miss something?

    Hello

    I need to check for this.

    Can you share your screen on team viewer, if yes, send the id and pass

    thanks

    Thread Starter ftb

    (@misomaybe)

    I’m sorry I don’t have team viewer. I don’t see a way to share a print screen here. But there isn’t much to see. My button looks like a default button.
    Thanks

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Contact form 7: How to style "choose file" button?’ is closed to new replies.