Hi,

two issues:

1/ I have all my events laid out neatly as tiles in a grid view. Click on any event triggers a single event card popup, sliding in upwards.

Now I’d like to change the color of the background overlay.

I was able to identify the corresponding piece of css code in the browser inspector and I’m able to test-change the color from there, so it seems to be the right bit of code.

Now, I copied the css code into the Styles pane in Eventon settings and adjusted the color code, but apparently I’m doing something wrong, as it has no effect on the front end. (You can have a look at the attached screenshots.)

2/ In the single event card popup, I added a custom field (button), named “Take me to the application form”. I assigned the following link to the button, which triggers a new (Elementor built) popup with a hosted application form:

#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjMxMDIiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D

This works. Now the problem:

When I click on the button in the ‘eventon single event card popup’, it triggers the new ‘elementor application form popup’ just fine, but the ‘eventon single event card popup’ remains in place, even after the new popup is triggered.

What I’d like to achieve ideally is: after clicking the “Take me to the application form” button, the ‘eventon single event card popup’ should immediately slide out downwards to make space for the ‘elementor application form popup’.

Many thanks