topic Changing alignment of a form on specific landing page in Blog, Website & Page Publishing

Changing alignment of a form on specific landing page

LLi — Fri, 26 Nov 2021 03:07:19 GMT

Hi there,

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

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.

natsumimori — Fri, 26 Nov 2021 05:00:54 GMT

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?

Oezcan — Fri, 26 Nov 2021 08:42:05 GMT

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