Archived topic
Plugin issue with GeneratePress (Events Schedule plugin)
4 replies · Started by Kamil on October 22, 2020
Hi,
I'm having a bit of an issue with getting GeneratePress to work with Events Schedule plugin (https://demo.curlythemes.com/timetable-wordpress-plugin/).
I try to use it here: https://kursy.pm/webinar/ - when I click on the "More Info" the "screen" should blur and a modal should appear on top. And it does appear but "under" the blur. I tried with TwentyTwenty theme and it works as expected.
What obvious thing am I missing this time?
Thanks in advance!
Kamil
Hi there,
the problem is this CSS:
body.wcs_modal--opened> :not(#wcs-vue-modal):not(.wcs-vue-modal),
body.wcs_modal--opened::before,
body.wcs_modal--opened::after {
-webkit-filter: blur(7px) grayscale(1);
filter: blur(7px) grayscale(1);
}
This is targeting every other element within the body container - which includes the containers that your modal sits inside of. Any container with blur applied to it will also apply to the elements within it.
Thank you David.
Is it possible to work around it on GeneratePress side? Or should I raise it with the plugin author? I mean, it does work with other themes :)
I solved it, the plugin has configuration for such events :)
Glad to hear you found a solution!