Contact form not responding css

Resolved websiteadm
(@websiteadm)

2 years, 4 months ago
Hallo. I am trying to reduce the size of that contact form 7, but it is not responding my css code, that I’ve been using since ever. Can anyone share some light over it? Best regards.
```
div#wpcf7-f16415-p25900-01 {
   max-width: 50%!important;
	 margin: 0 auto!important;
}
```
The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 4 months ago

Where on the site do you have the target form?

Thread Starter websiteadm
(@websiteadm)

2 years, 4 months ago

Hallo @takayukister. It is in here:

https://irinasopas.com/autora/#uagb-tabs__tab3

Best regards.
Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 4 months ago
```
div#wpcf7-f16415-p25900-01 {
  max-width: 50%!important;
  margin: 0 auto!important;
}
```
I don’t think this will work because there is no node on the page that matches the selector div#wpcf7-f16415-p25900-01.
Thread Starter websiteadm
(@websiteadm)

2 years, 4 months ago

Hallo, @takayukister. Hope you are doing fine. But can you find me a solution to reduce the fiels with other css?

Best regads.

Plugin Author Takayuki Miyoshi
(@takayukister)

2 years, 4 months ago

See Styling contact form

Thread Starter websiteadm
(@websiteadm)

2 years, 4 months ago

Hallo, @takayukister.

I know how to style it and it working in all site forms, except that one, that’s why I am here. Can you figure it out?

Best regards.
authentictech
(@authentictech)

2 years, 4 months ago
@websiteadm The link you provided does not contain a CF7 form.

The contact form on the linked page you provided is the Mailchimp for WordPress plugin. To style this form you will need to apply different CSS selector but you should ask in the support forum for the MC4WP plugin.

I can see that your contact page at https://irinasopas.com/contacto/ does use CF7 plugin and the style is working as given below:
```
div#wpcf7-f16415-p21468-o1 {
  max-width: 50% !important;
  margin: 0 auto;
}
```
It is not clear, therefore, exactly what you are asking for.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Contact form not responding css’ is closed to new replies.