MEC checkboxes not showing chrome

[arnoldmeulenbeld]

Hi,

I’m using the Modern Events Calendar and made a page for front end submission of new events. This page works fine in Firefox, but in safari and Chrome the checkboxes aren’t showing. Tried disabling all plugins, but that did not help. I tried the following code in the customizer:
input[type=“checkbox”]
{
-webkit-appearance:checkbox;
}
This didn’t solve my problem either. Any suggestions?
By the way, I have troubles anyway with styling MEC via custom css. In the inspector everything works fine, but once the code is in the customizer it’s stops working.

Kind regards, Arnold

[rad]

Hi there,

Thanks for posting in.

What customization you’re adding to the customizer? Please add them in Admin > X or Po > Theme Options > CSS, and not in customizer. And if possible, please add !important; to your styling (eg. color: blue !important;) to make sure it’s prioritized than other CSS that may override it.

And please provide your URL where the checkbox isn’t displaying.

Thanks!

[arnoldmeulenbeld]

Hi,

I’ll try the custom css later. Not at a computer right now. The url for the page where the checkboxes are not showing: https://www.castellumhogewoerd.nl/toevoegen-evenement
Login details in private message to follow.

Cheers

[nico]

Hi @arnoldmeulenbeld,

The only problem that I could see is that there is a conflict in your console.

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

In regards to your CSS, I could see that you missed a closing curly bracket with your code.

You could check it to properly close it. This is probably the reason why your CSS is not working properly.

Let us know how it goes.

Thanks.

[arnoldmeulenbeld]

Hi,

Well, this was very stupid. The absence of the closing bracket caused all the problems. Everything is working now. Although I had to add the following code to the customizer:
input[type="checkbox"] { -webkit-appearance:checkbox; }
One last question, if I may. Is it possible to make changes to the MEC search form (skins.php) and the modern.php without losing the changes after updating the plugin?

Thanks for your help so far!

[Alaa]

Hi arnoldmeulenbeld,
Unfortunately, not every plugin provides the ability to use action or filters hooks in every part of the code so that one can alter the plugin functionality/output with the aid of an external plugin or code snippets. I’ve checked these files for you and for that specific plugin, this will be very hard to achieve.

Thanks.