How To: Centre Contact Us Form

Developers Frontend
1

Hi There,

Attachment shows the Personal Information to be collected from a contact form is on the left of the page.

How do I centre the Form on the Page please.

Thanks for Help.

Cheers

2

Where is the attachment..?? :shock:

3

Please share the URL of you website. We will try to provide you with the CSS code

4

Sorry busy doing some graphics.... intense....

website is closed currently url http://fairymeadowminiatures.com.au

Sorry forgot to go back and click attach this file previously have attached now.

Thank you for your patience

contact_form.jpg

5

if the responsive theme is used, try to add the following code to the CSS section of the theme editor

.ty-form-builder {
    text-align: center;
}

Since your store-front is closed, I cannot check the result

6

if the responsive theme is used, try to add the following code to the CSS section of the theme editor

.ty-form-builder {
    text-align: center;
}

Since your store-front is closed, I cannot check the result

ECL does this also apply to for instance the Sport theme ??

7

ECL does this also apply to for instance the Sport theme ??



For Sport theme additional changes are required:

.ty-form-builder, .ty-form-builder__description {
    text-align: center;
}
8

Thank you so much eComLabs it has worked a treat. Simple solution - once again something learned.

9

We were glad to help you!