Contact Section alignment

Shapely
1

hey team,

I would like to know is it possible that the contact form align to center if I doesnt input my contact, address, email and social icon at the widget setting, as attached. thanks!

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*100% width contact form*/
#shapely_home_contact-2 > section > div > div > div.row > div.col-md-8{
  width:100%;
}

Best regards,
Support.

3

thanks support team, it is working except that the fill up fields are really 100%!

4

Hello there,

Please try using this CSS instead:


#shapely_home_contact-2 > section > div > div > div.row > div.col-md-8{
  width:100%;
 margin:0 auto;
}

If this does not work then please provide a link to your website so that I can inspect it.

Best Regards,
Support

5

hey support,

dont seems to be working…
https://antoniokam.com/#shapely_home_contact-2

6

Hello there,

Thanks for the link. Please try using this instead:


form.wpcf7-form {
    text-align: center;
    width: 80%;
    margin: 100px;
}

Best Regards,
Support

7

hey support,

thank you so much, I played around with the width and margin to finally get the correct alignment I need.
appreciate the support!

8

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support