Contact From 7 Respond Message Alignment

Hi,

Am having trouble with the respond message alignment after aligning the submit button with the float function.

:point_down: at default, it is working fine.

:point_down: once I added this to the CSS code…
Screenshot 2023-10-04 at 4.21.09 PM

:point_down: the respond message alignment is out, sticking to the bottom of the submit button.

How do I maintain the gap between the respond message and submit button like the default?

Thanks.

Hello @JKPENG,

Thanks for writing to us.

In order to move the Contact Form 7 response message, I would suggest you please add this custom CSS code to the Global CSS.

.wpcf7-response-output {
margin: 1.5em 0 0!important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

Hi,

It works.

Tks.

Hey @JKPENG,

It is good to know that it worked for you.

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.