Title: Changing some visuals
Last modified: January 15, 2025

---

# Changing some visuals

 *  Resolved [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * (@priestkatten)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/)
 * Hi Everyone,
 * installed the plugin today and finally found a lot of functions i have searching
   for. Thanks a lot for this great Plugin.
 * Now i have some questions/problems:
    - How can i set the widget size? it overlapping with the border of my page (
      as u can see here: [http://www.juz-stadtallendorf.de](http://www.juz-stadtallendorf.de))
    - I want to change the size of the booking button, found in the em-front-common-
      utility.css the –ep-btn-font-size: 1.0rem; value and changed it to 1.5. But
      if i reload my page with the new css, the old value 1.0 is still set. Why?
    - In the event Overview is the text “Until 22/01/2025, 04:30 1h 30m”, how can
      i change it to 24h?
    - I want to translate “Please enter details of the attendees below:” at the 
      booking. But didn’t find the file 🙁
 * That was all for now, hope you can help me. Thanks a lot

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [eventprimesupport](https://wordpress.org/support/users/eventprimesupport/)
 * (@eventprimesupport)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18249017)
 * 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.
 *  Thread Starter [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * (@priestkatten)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18254629)
 * Thank you very much for your help.
    1. I added ep_calendar_block .ui-datepicker { width: 100%; } (in settings -> custom
       css), but as you can see nothing happens, the widget is still not scaled.
    2. This CSS worked. <3
    3. If i set the Language to German, the timeformat was changing. If i set it to
       engl, the engl format is showng. The setting is 24h format.
    4. I installed the plugin and translated the desired words. Thank you for the tip
       <3
 *  Thread Starter [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * (@priestkatten)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18263500)
 * Any idea regarding 1?
 * Is it possible to highlight the number in the widget calender, where an event
   is? (Thicker and blue for example)?
 *  Thread Starter [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * (@priestkatten)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18281948)
 * No further support? 🙁
 *  [eventprimesupport](https://wordpress.org/support/users/eventprimesupport/)
 * (@eventprimesupport)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18286077)
 * [@priestkatten](https://wordpress.org/support/users/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, 4 months ago by [eventprimesupport](https://wordpress.org/support/users/eventprimesupport/).
 *  Thread Starter [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * (@priestkatten)
 * [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18286976)
 * Thank you very much, that helped <3
 * Is it possible to highlight the number in the widget calender, where an event
   is? (Thicker and blue for example)?
 * p.s. ill upgrade my Version, its agreat plugin and we´ll use it now <3

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Changing some visuals’ is closed to new replies.

 * ![](https://ps.w.org/eventprime-event-calendar-management/assets/icon-256x256.
   gif?rev=2961582)
 * [EventPrime – Events Calendar, Bookings and Tickets](https://wordpress.org/plugins/eventprime-event-calendar-management/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/eventprime-event-calendar-management/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/eventprime-event-calendar-management/)
 * [Active Topics](https://wordpress.org/support/plugin/eventprime-event-calendar-management/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/eventprime-event-calendar-management/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/eventprime-event-calendar-management/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [priestkatten](https://wordpress.org/support/users/priestkatten/)
 * Last activity: [1 year, 4 months ago](https://wordpress.org/support/topic/changing-some-visuals/#post-18286976)
 * Status: resolved