Contact Form 7

Mikelazzo_8 · October 2020

Hello,

I have a problem with the Contact Form 7 plugin, the acceptance text is written in bold and the Send button is not aligned to the center. Can it depend on a conflict between theme and plugin? Is there a way to resolve? Thanks

Mikelazzo_8 · October 2020

The same contact form has different alignment of the Send Button as you can see:
https://nazionalehiphop.it/campagna-2020-2021/

http://nazionalehiphop.it/play2giveathome/

Phil · October 2020

Hello,
You have selected option "Text Align | Center" and that is why you have everything centered.
Go to Muffin Builder, and find Column item where is your contact form, that is the place where you can find "Text Align"
https://prnt.sc/uunnx6

Thanks

Mikelazzo_8 · October 2020

The website is online, can't you see it?

https://pasteboard.co/JuwEtUQ.png

https://pasteboard.co/JuwEYf1.png

https://pasteboard.co/JuwFqE6.png

Phil · October 2020

Sorry, but while you were sending your second post I sent mine in the same time.

I deleted first reply and sent second one.

Greetings

Mikelazzo_8 · October 2020

Ok, I solve the problem about the alignment. Is it possibile to delete the bold style on the acceptance text? Thanks.

Mikelazzo_8 · October 2020

Button and text are not aligned on mobile devices.

Mikelazzo_8 · October 2020

https://pasteboard.co/Juyo4Uz.png

Phil · October 2020

Try put this code in Betheme > Theme Options > Custom CSS & JS > CSS

span.wpcf7-list-item{
	margin: 0!important;
	
}
span.wpcf7-list-item-label{
	font-weight: 300!important;
}

Thanks

Mikelazzo_8 · October 2020

Any advice on how to solve these two problems?

1) Delete the bold style on the acceptance text;

2) Button and text are not aligned on mobile devices.

https://pasteboard.co/Juyo4Uz.png

Thanks

Mikelazzo_8 · October 2020

Ok thank you. Send button is not yet aligned on mobile devices. Other problems are solved.

https://pasteboard.co/JuG85e5.png

Phil · October 2020

Try to put following code in the Custom CSS code field while editing the page:

https://prnt.sc/uven1h

input[type="submit"].wpcf7-form-control{
	margin:0 !important;
}
div.wpcf7 .ajax-loader{display:none !important;}

Best regards

Contact Form 7

Comments