CSS problem between FC and googlemaps (mike reumer)

Hello

I'm using Googlemaps (Mike Reumer) woth FC V1793 in J2.5 and J3.1.5 sites.

The plugin works correctly except one thing (the direction form included in a Google Map doesn't display the direction (from this address/ to this address).

I sent a mail to Mike Reumer. I answered me that the problem comes from a CSS generated by FC.

I display here the content of his mail :

Hello Michel,

The problem is caused by the css file naouri-market.com/components/com ... i_form.css (line 40):
input[type=checkbox]:not(old).fc_checkradio,input[type=radio ]:not(old).fc_checkradio,[name="adminForm"] input[type=checkbox]:not(old),[name="adminForm"] input[type=radio ]:not(old),.flexicontent input[type=checkbox]:not(old),.flexicontent input[type=radio ]:not(old) {
width: 24px !important;
width: 19px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
display: none !important;
}

This css rule should not be applied. I am not sure what it does and how to change it.

It will work if display is block and opacity is 1.

Let me know if you can solve it.

I prefer not directly update the FC CSS.

Can you tell me what I can do to solve this problem.
You can get an exemple of the display at this address : naouri-market.com/index.php/ile- ... -vincennes
(This site is a J2.5 one).


thank you very much

best regards

Michel

Hello

you have a Javascript error in your page,
mainly because some extension tries to use a jQquery UI function that is missing

- use jQueryEasy plugin to make sure that jQuery / jQuery UI is loaded properly and only once


- about your question the CSS that you posted here effects checkboxes, is the hidden element a form checkbox ?

about the css :
the hidden element is a radio button

I display here the valid form (from tech.reumer.net) and the problematic one (from naouri-market.com).
[attachment=1:1izvqvr0]<!-- ia1 -->plan_ville_reumer.jpg<!-- ia1 -->[/attachment:1izvqvr0]

[attachment=0:1izvqvr0]<!-- ia0 -->plan_ville.jpg<!-- ia0 -->[/attachment:1izvqvr0]

About the carousel : I check and I send you the result

best regards

Michel

Hello

-- yes the CSS code effects exactly checkbox and radio

i will check the URL and post back here, possibly making the CSS code more specific

-- about jQuery/jQuery UI loading,
it is not related to your CSS issue
but you need to fix this too, please try the plugin i suggested

Regards

Hello

you have this:

Normally the HTML will add a <label> after the checkbox or radio input
(that optional also has a for parameter)

So "Vers le magasin" AND "Depuis le magasin" should be inside <label>

you may send this to the developer, but i will see if we can exclude 3rd party code generally

otherwise i will suggest you a CSS fix

Regards

thanks for reporting to dev !