Changing alignment of a form on specific landing page

[LLi]

Hi there,

I'm hoping to left align a form on a specific landing page, any advice would be appreciated. 

Here's a link to the page: https://events.carriageworks.com.au/southeast-2022-sign-up

As you can see the form is floating in the centre of the module, and I would like it to sit under the title and next to the image on the left.

Total CSS beginner here, definitely more of a troubleshooter - thanks for your time.

[Oezcan · Accepted solution]

Hey @natsumimori of course I can step in 🙂 

Hello  @LLi  ,

In your main.css, under the css class (form.hs-form, .hs_cos_wrapper .form-title) there is the style:

margin: 0 auto

which ensures that your form is centered. This can be seen from the orange markings.

Removed or commented margin: 0 auto off. The form will automatically align to the left.

Please note, however, that every form will now be aligned to the left.

To avoid this, you can give this form another class and give it a style of: margin: 0 !important

Best regards

Özcan

[natsumimori]

Hi @LLi , thank you for your post.

I wanted to tag in @Oezcan from the Developer Community- would you be able to weigh in here?