Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

.hide {display: none !important;} issues

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
}
]
  • Matthew Crews's Avatar
  • Matthew Crews
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 3 years 3 months ago by Matthew Crews.
The administrator has disabled public write access.
Hi Matthew,

Do you have a link for the page?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Matthew Crews's Avatar
  • Matthew Crews
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 3 years 3 months ago by Matthew Crews.
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Matthew Crews
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
  • Matthew Crews's Avatar
  • Matthew Crews
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • iafdesign's Avatar
  • iafdesign
  • LIfetime Developer - Big Bamboo
  • 393 posts
  • 153 Thanks
  • Karma: 58
The administrator has disabled public write access.
The following user(s) said Thank You: manh, Matthew Crews
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
  • Matthew Crews's Avatar
  • Matthew Crews
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks Ian

Good look with the site Matthew

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers