How to left justify a form embedded in a website

I’ve created some simple Active Campaign forms that are embedded on web pages on our company website. However, the standard inline form does not automatically left justify when I integrate the form into the page. All of my text is left justified but the form kind of hangs oddly not center or left justified - just looks unprofessional. I’ve contacted AC support and they’ve told me this function requires custom coding, which I’m kind of surprised by. Any tips? And if so where is the custom coding added (sorry if this is a dumb question).

1 Like

Hello, checking back for an answer to this.

Hi @wjdmanagement, not sure if I understand your question (a screenshot would help) but the AC form can be affected by CSS rules on your website.
This inevitable I guess.
When that happens, I add the required CSS rules in the custom CSS box on the AC form set-up to get it to look as it should.

Sorry for the delay in response and yes, I hear you. I should have sent a screen shot. Here’s a link to the Client Referral Form, but it’s not the only page - I have a few forms I’m trying to fix. I’m not sure it’s in the website coding because we other contact forms plugged in and they work but use a different plugin. Anyway, I’ve tried reading through the help guides, but there is nothing in the documentation about CSS for form alignment, only text alignment. I’ve tried a few different things, nothing is working. It just looks awkward to have the page text left justified and then have the form floating awkwardly off center - when what I want is to left justify the form.

Other forms:


Hi everybody,

I am also looking for a solution to left allign an inline form. Any suggestions, what code to put into the CSS Box?

Thanks a lot!

Sven

edit: found the solution. just click on CSS-navigator, then click on the form and add this code: float:left

1 Like