Contact Form Error

Backlight 4, 5 & 6 Support
#1

I am trying to design my contact page however there is an error at the bottom right of the page that i cannot see all of.
CleanShot 2025-10-10 at 12.06.17@2x

Also How do i centre the field title and field entry box

CleanShot 2025-10-10 at 12.07.00@2x
CleanShot 2025-10-10 at 12.07.00@2x2188×1322 94.3 KB

#2

can you share a link?

#3

Sorry this is my local site that I am learning and experimenting with prior to porting all of my site over to Backlight.

#4

Might be a server configuration error. @Ben will probably need to know what that error message is. You might be able to see the rest of it be looking at the page’s source code (right click on page and choose “view source” or words to that effect).

Is this a Kookabura or Pangolin page?

#5

to center the form, see Daniel’s post in this topic

#6

Funny you should suggest that, its just what I did.
CleanShot 2025-10-10 at 14.50.30@2x

I Guessed that it maybe due to the enabling of Google ReCapture so I disabled it and the error went. I know there are some articles somewhere so will look at them when I am closer to going live.

Thanks for your help I expect there will be plenty more questions as its a long time since I delved deaply into backlight. and wher to put my perosnal code.

#7

Here’s the doc on using custom css when you get to centering the form:
https://backlight.me/docs/custom-stylesheets

#8

Thanks I already had some custom CSS from some time ago, last modified when Kookaburra came out. I put in that css with no luck so inspected the code and got a little confused
CleanShot 2025-10-10 at 15.26.13@2x
contact-email if for the name field and contact-name is for the email field.

#9

Got it working it was the usual browser caching problem

Next issues centre the error message and get the collapsable section I have added to be default closed

#10

It looks like the class names were reversed. Shouldn’t affect the functionality though. My Kookaburra contact form works fine.

@Ben or @Matthew will need to take a look.

#11

wasnt sure if it would effect any validation added to the email field

#12

That, I don’t know.

#13

please enter … error message cantered using

.content #message {
margin-left: auto;
margin-right: auto;
}

and collpsable visible changed to hidden do kno defaults to hidden

#14

the error message implies that the domain you’re using is incorrect for the site-key

Further on centering the contact form, try this in your custom css

.contact-form input, .contact-form textarea {
    margin-left: auto;
    margin-right: auto;
}

.backlight-form {
	text-align: center;
}