Changing some visuals

Thanks for reaching out to us.

1. Widget Size Overlapping
The calendar widget overlapping issue can be resolved by adding the following CSS to the Custom CSS section. please navigate to the “Events -> Settings” sub-menu select the “Custom CSS” tab, and place the below-mentioned CSS in the TextArea and save changes.

#ep_calendar_block .ui-datepicker {  
    width: 100%;  
}

2. Adjusting Button Size
To increase the button size, please use the same Custom CSS section and add this:

.emagic .ep-btn {  
    --ep-btn-font-size: 1.5rem !important;  
}

3. Switching to 24-Hour Time Format
To switch to a 24-hour time format, go to EventPrime -> Settings and navigate to the General Tab. In this section, you’ll find an option for Frontend Time Format. Simply select the 24-hour format and save your settings.

4. The text “Please enter details of the attendees below:” can be found in the following file:
wp-content/plugins/EventPrime-core/public/partials/bookings/checkout.php
Please note that directly editing plugin files is not recommended, as any updates to the plugin might overwrite these changes. Instead, we suggest using a translation plugin such as Loco Translate or a similar tool to safely make this modification without affecting the core files.

If you have any further questions, please don’t hesitate to reach out to us.

@priestkatten

Our apology for delayed response.

Please navigate to the “Events -> Settings” sub-menu select the “Custom CSS” tab, and place the below-mentioned CSS in the TextArea and save changes.

#ep_calendar_widget .ui-datepicker-title {
    display: flex;
}

.ep_widget_container #ep_calendar_widget table.ui-datepicker-calendar {
    font-size: 12px;
}

• This reply was modified 1 year, 2 months ago by eventprimesupport.