Center form not behaving

[SussexChef]

Hi
I’m having a problem with an in line gravity form, I’m trying to center it via either the appearance setting in the form it’s self or the style field for the element in cornerstone.

Please see

I tried naming the element .form and adding css in the Content CSS tab for that page but nothing happened either.

Please are you able to help me? https://www.sussexchef.com/multistep-for-test/

[thai]

Hi There,

Please remove the left padding from your column, then add this custom CSS under Theme Options > CSS:

#gform_wrapper_18 {
    max-width: 560px;
    margin: 0 auto;
}
#gform_wrapper_18 form {
    margin: 0;
    width: 100%;
}
#gform_wrapper_18 input#gform_submit_button_18 {
    margin-right: 0;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks!

[SussexChef]

Thank you so much for the resources! I’d been looking at udemy courses and searching youtube with no luck!

/I have implemented the code you suggested and it has worked! But I put it in the content css tab, does this mean it will only load for this page?
I saw in the forum that you can add code that will only be loaded for specific pages so that it will not slow down other pages when you have lot of css to implement.

thanks again

[basanta]

Hi Ben,

Yes, you are right, if you enter the CSS in the content CSS of the page then it would only load to the page only.

Hope this is clear.