Stuck with a few issues

@pcclondon – we are looking into these reported issues and will get back to you with updates soon.

Hi @pcclondon ,

Thank you for reaching out. We have carefully reviewed your concerns and let’s address them sequentially below:

1 & 2) – Multiple Instances of Performer and Event Widgets
We have examined the shared links for the single performer and event pages. The issue with multiple instances of the performer and event widgets appearing on these pages may be due to the use of the same shortcode multiple times. For example, if you have included multiple shortcodes—[em_performer id=”{PERFORMER_ID}”] and [em_events id=”{EVENT_ID}”]—on the respective pages, this could result in duplicate content.
Please review your shortcode usage and let us know if this resolves the issue.

3) – Google Maps API Key Configuration
Could you please verify if the “Google Maps API Key” is correctly configured? You can find this option under “Settings > General > Third-Party” in your admin panel. If you need assistance in setting this up, feel free to reach out.

4 & 5) – Event Page Layout Sync with Theme
In EventPrime version 4.0.8.0, the custom post types (em_event and em_performer) have been made publicly accessible. As a result, the layout is now controlled by your theme’s structure, rather than the predefined page structure used in previous versions.

Due to this change, you may need to adjust the header and page container settings to align with your desired layout. Please review these configurations and update them as needed to achieve the expected appearance.

If you require any assistance with the layout configuration, feel free to reach out—we’re happy to help!

6) – Customizing Button Colors
To apply your preferred color scheme for buttons, please navigate to “Settings > Custom CSS” and add the following CSS snippet:
.emagic #ep-events-content-container .ep-events .ep-btn-dark, .emagic .ep-btn-dark { –ep-btn-color: #fff; –ep-btn-bg: #fa5c1e; –ep-btn-border-color: #ec6d00; –ep-btn-hover-color: #fff; –ep-btn-hover-bg: #ec6d00; –ep-btn-hover-border-color: #EC6D07; –ep-btn-focus-shadow-rgb: 217, 164, 6; –ep-btn-active-color: #fff; –ep-btn-active-bg: #ec6d00; –ep-btn-active-border-color: #ec6d00; –ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); –ep-btn-disabled-color: #000; –ep-btn-disabled-bg: #ec6d00; –ep-btn-disabled-border-color: #ec6d00; }
.emagic #ep-events-content-container .ep-events .ep-btn-warning, .emagic .ep-btn-warning { –ep-btn-color: #fff; –ep-btn-bg: #006288; –ep-btn-border-color: #006288; –ep-btn-hover-color: #fff; –ep-btn-hover-bg: #036b94; –ep-btn-hover-border-color: #006288; –ep-btn-focus-shadow-rgb: 217, 164, 6; –ep-btn-active-color: #fff; –ep-btn-active-bg: #006288; –ep-btn-active-border-color: #006288; –ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); –ep-btn-disabled-color: #000; –ep-btn-disabled-bg: #006288; –ep-btn-disabled-border-color: #006288; }

7) – Resolving the “No Seat Data Found” Issue
The message “No seat data found” indicates that the seating plan has not been correctly linked to the tickets. Since you have successfully created a seating plan and assigned the venue to the event, please follow these steps:
Reselect the venue for the event. This should trigger the appearance of a “Seat Plan” meta box below the venue meta box.
Select the appropriate seating plan from the dropdown and update the event.
Navigate to “Event Settings > Tickets”, where a seat icon should appear next to each ticket type.
Click on the seat icon and assign the relevant seats to each ticket type.
Following these steps should resolve the issue. Please let us know if you need further guidance.

8) – Speed Optimizer Plugin Impact
After investigating the issue, we suspect that certain configurations within the “Speed Optimizer” plugin may be affecting functionality. To confirm this, please try temporarily deactivating the plugin and clearing the cache, then check if the issue persists.

We appreciate your patience and cooperation.
If you require any further clarification or assistance, please feel free to reach out.

• This reply was modified 1 month ago by EventPrime Support.

Issues 1 +2 fixed ( i had to create a dedicated page ) there was a bug somewhere)
issue 3 not fixed – checked configuration and API key is in place. in venue the map is showing fine but on event page https://pcclondon.uk/2nd-gala-25th-april/ under venue map = not showing on frontend
Issue 4 +5 = Fixed
issue 6 = added the code nothing happens
issue 7 = i believe it may be fixed ensure yet will need more testing i changed to standing for now
issue 8 = fixed
New issue 9 – Overlay on pages is locking the screen, cant scroll
this is happening when performers galery loads , and especially at checkout when button to buy ticket is pressed. the checkout modal is locked in centre of page outside view since cant scroll.
Ideally screen should auto scroll to active container ( Galery, checkout)

Thank you for your help

#ep_single_frontend_view_container .ep-performer-details-section .ep-single-box-social { display: none; }.social-links a { font-size: 36px; /* Bigger icons */ transition: color 0.3s ease; } .social-links a.facebook { color: blue; } .social-links a.soundcloud { color: #fa5c1e; /* Orange */ } .social-links a.youtube { color: red; }.social-links a.spotify { color: #1DB954; /* Spotify Green */ }.emagic #ep_events_front_views_slider .ep-slide-item-right img { object-fit: contain; }#ep_single_event_image .ep-single-event-slide-container { display: none; }.emagic #ep-events-content-container .ep-events .ep-btn-dark, .emagic .ep-btn-dark { –ep-btn-color: #fff; –ep-btn-bg: #fa5c1e; –ep-btn-border-color: #ec6d00; –ep-btn-hover-color: #fff; –ep-btn-hover-bg: #ec6d00; –ep-btn-hover-border-color: #EC6D07; –ep-btn-focus-shadow-rgb: 217, 164, 6; –ep-btn-active-color: #fff; –ep-btn-active-bg: #ec6d00; –ep-btn-active-border-color: #ec6d00; –ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); –ep-btn-disabled-color: #000; –ep-btn-disabled-bg: #ec6d00; –ep-btn-disabled-border-color: #ec6d00; } .emagic #ep-events-content-container .ep-events .ep-btn-warning, .emagic .ep-btn-warning { –ep-btn-color: #fff; –ep-btn-bg: #006288; –ep-btn-border-color: #006288; –ep-btn-hover-color: #fff; –ep-btn-hover-bg: #036b94; –ep-btn-hover-border-color: #006288; –ep-btn-focus-shadow-rgb: 217, 164, 6; –ep-btn-active-color: #fff; –ep-btn-active-bg: #006288; –ep-btn-active-border-color: #006288; –ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); –ep-btn-disabled-color: #000; –ep-btn-disabled-bg: #006288; –ep-btn-disabled-border-color: #006288; }

Custom Css in use atm 

issue 9 – maybe the modals (checkout need to be responsive ( 100% width to container and 100% vertical so it doesnt need a scroll bar inside ))

Hi @pcclondon,

We have looked into the remaining issues further.

Issue-3:- The issue appears to have been resolved on your side, and we believe it may have been caused by a prior conflict that has since been addressed.

Issue-6 & 9:- Please utilize the updated CSS snippet to address these issues:-

.emagic .ep-btn-warning {
    --ep-btn-color: #fff;
    --ep-btn-bg: #fa5c1e;
    --ep-btn-border-color: #fa5c1e;
    --ep-btn-hover-color: #fff;
    --ep-btn-hover-bg: #d94d1c;
    --ep-btn-hover-border-color: #d94d1c;
    --ep-btn-focus-shadow-rgb: 217, 164, 6;
    --ep-btn-active-color: #000;
    --ep-btn-active-bg: #d94d1c;
    --ep-btn-active-border-color: #d94d1c;
    --ep-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ep-btn-disabled-color: #000;
    --ep-btn-disabled-bg: #fa5c1e;
    --ep-btn-disabled-border-color: #fa5c1e;
}

.p-abp3177.pagelayer-shortcodes {
    transform: none;
    margin: 0 auto;
    left: 0px;
}

.p-abp3177 {
    width: 874px !important;
    position: relative;
    margin: 0 auto;
    height: auto;
}

If you face any challenges, please let us know – we’re here to help!