CONTACT FORM 7 ALIGNMENT - Support | Kriesi.at

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
December 22, 2017 at 4:33 pm #891621

newtonlinchen
Participant

Hello
I made a form with ContactForm7 and it’s quite OK.

BUT, one of the items (Radio Buttons) WAS OK when I first made it… Then, as I put (and then removed) a QUICK.CSS code for padding (or something like this), the ALIGNMENT went off:

https://www.dropbox.com/s/ymjvgox69mf883e/align_contactform7.jpg?dl=0

Here is the link to the website:

https://www.linchen.com.br/customizar/

And I will put the admin info in private.

Regards,

Newton

December 22, 2017 at 5:39 pm #891655
Victoria
Inactive Moderator
Hey Newton,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.wpcf7-form input[type=radio] {
  width: 20px;
}
#top label span, #top legend span {
  text-align: left;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
December 23, 2017 at 12:25 am #891777

newtonlinchen
Participant

Victoria, it worked like a charm…

But I saw later that this issue also happened here (Acceptance form):

https://www.dropbox.com/s/2zlujf6s0h6i2f9/Captura%20de%20tela%202017-12-22%2020.21.34.png?dl=0

What’s the code to change this behavior?

Regards and Merry X-Mas!

December 23, 2017 at 11:25 pm #891872
Mike
Moderator
Hi,
Try this code in the General Styling > Quick CSS field:
```
input.wpcf7-form-control.wpcf7-acceptance {width: 13px !important; }
```
Best regards,
Mike
January 2, 2018 at 10:36 pm #892624

newtonlinchen
Participant

It worked well!

Thanks!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘CONTACT FORM 7 ALIGNMENT’ is closed to new replies.