How to Adjust Appearance of Contact Us Page

[nsustephanie]

Our Contact Us form is cut off (see image below), which wasn’t a problem until I added Recaptcha. Now the Recaptcha is not visible.

I’m wondering if there is a way to adjust the text boxes and appearance of the Contact Us page, so that Recaptcha is visible.

Thanks!

[mebrett]

Which theme are you using, and which version of Omeka?

[nsustephanie]

We’re using Version 2.4.1, and our theme is Archives

[mebrett]

Can you provide a link to the page?

[nsustephanie]

Sure! http://nsudigital.org/contact

[kim]

Two things:

1. If you have access to the theme’s CSS or have the plugin CSS Editor installed, you can enter this block to fix your field widths:

#content #simple-contact div > :only-child {
    width: auto;
}

2. I’m seeing in the inspector console that your recaptcha is returning an error. In Firefox:

The resource from “https://www.google.com/recaptcha/api/challenge?k=6Lf19MAUAAAAAEwvGqcixEysqOR7jAbGGm-f7GOw” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

The resource from “https://www.google.com/recaptcha/api/challenge?k=6Lf19MAUAAAAAEwvGqcixEysqOR7jAbGGm-f7GOw” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

Loading failed for the with source “http://www.google.com/recaptcha/api/challenge?k=6Lf19MAUAAAAAEwvGqcixEysqOR7jAbGGm-f7GOw”.

For the second point, I would double check your recaptcha secret and key settings in Omeka’s security settings.

[nsustephanie]

Kim,

How do I know if I have access to the theme’s CSS? I can’t find where this would be located.

I double checked the Recaptcha keys and re-entered them into Omeka’s security settings. I’m hoping this worked.

Thank you!

[kim]

The theme’s CSS isn’t accessible through the Omeka interface. If you’d like more control over your site’s presentation with CSS, talk with whoever is able to install Omeka plugins for you and see if they can install CSS Editor. This will let you write your own CSS overrides without disturbing the original theme files.

[jflatnes]

As for the Recaptcha issue: Google shut down the old version of Recaptcha used by older versions of Omeka some time ago.

You need to have at least Omeka 2.6, which uses a newer version of Recaptcha, to have a working captcha.