Hello,

I'm having trouble with editing events in JEvents.

I'm using Boost and the eco theme.

The folks at JEvents have identified that line 4274 in my theme.eco.css file

.hide { display: none !important;} is the culprit and specifically the !important.

I tried adding

.hide { display: block !important;) to my custom.css file but it didn't work.

Solutions?

Thank you!

Matthew

[Edit 1: Upon continued inspection -- it looks like _tools.less is where the css is getting picked up from which includes the above css rule:

.hide {
display:none !important
}
]

Hi Matthew,

Do you have a link for the page?

Cheers
Paul

Paul -- I do but you need to be granted authorization to publish events in order to test the "edit" link. I can get that to you but I don't think it's an issue now as I was able to get it to work.


Here's a link:

demo.wgsoccer.com/index.php/home/wgsc-calendar-link/icalrepeat.detail/2016/11/03/716/-/club-social

While I was continually tinkering I determined that the culprit was in the file:

_tools.less

I removed !important on line 44 and I was able to get the popup screen that was being hidden.

So I guess my question is how do I make sure this "fix" is kept when/if I need to upgrade my template.

Thanks!

Matthew

Hi Matthew,

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation

So I think you would be adding to either a less or css file

You would need to override the existing style

If pasting the new style from tools.less to your new custom file doesn't work try adding a tag or a class in front to increase the specificity of the new code

Cheers
Paul

Sounds good -- I appreciate the help.

So far adding a less/custom.less file doesn't seem to help. I continue to work with it but for now I've got it working by directly editing the _tool.less file.

Thanks,

Matthew

Hi Matthew

We have experienced this issue and use Jevents on several site. For our sites, we add the following css to target the jevents modal in latest jevents.

/* Corrects template setting to show modal for editing events in front end */
.jevbootstrap .modal.hide.fade.in, #myEditModal.modal.hide.fade.in{
display: block !important;
}

For us this targets specifically the Jevents setup we use, and does not effect other areas as a more general alteration of .hide will cause.

We add this to a less file, which could be custom.less, or to custom.css.

If adding to the less file remember to compile the less, and ensure cache is cleared on the site and server to see the results.

Regards
Ian

Ian,

I put that code into a custom.less file in the /less folder (and reverted the _tools.css file back to its original code) and the site seems to be working like a champ.

Thank you!!!

Matthew

Thanks Ian

Good look with the site Matthew

Cheers
Paul