[Global Cultura]

Hi, Steven

We have a problem with the Form in, at least, Chrome and Safari, (not in Firefox or IE9)

Problem is that radio buttons are not shown. You can see in attachments files. If you want to see in action i can send you url privately (Form is not in use yet)

Can you help us?

Thanks in advance

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Global Cultura

The issue is like being caused by the theme’s CSS. The only way I can know what the fix will be is if I can have access to the page to see what CSS statement needs to be added to override the theme.

[Global Cultura]

This reply has been marked as private.

[Steven Zahm]

@ Global Cultura

Interestingly enough the theme author decided to do this:

select, input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

You can find it right here.

You see this, -webkit-appearance: none;, in Chrome and Safari, they basically hide selects, inputs (like radios and checkboxes) and textareas; globally overriding the browser default. I’m not sure why one would do that. I guess there must a a reason. I suspect this will cause you problems with other plugins that show those fields expecting the global default (being visible).

To fix Form, add the following to the theme’s custom CSS area or to the end of the theme’s styles.css file:

#cn-form h3 input[type="radio"] { -webkit-appearance: radio; }

That’ll fix it.

I do suggest asking the theme author if there will be any adverse effects to the theme if remove the offending CSS from the styles.css to prevent it from causing you issues with other plugins.

Hope that helps.

[Global Cultura]

Thanks a lot, Steven

Problem solved!

[Steven Zahm]

@ Global Cultura

Great to hear!

If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!
http://wordpress.org/support/view/plugin-reviews/connections

[Author]

Posts