{"id":114,"date":"2025-08-20T13:02:33","date_gmt":"2025-08-20T11:02:33","guid":{"rendered":"https:\/\/blog.kihr.online\/?p=114"},"modified":"2025-08-20T13:02:33","modified_gmt":"2025-08-20T11:02:33","slug":"custome-style-in-wordpress-with-eventprime","status":"publish","type":"post","link":"https:\/\/blog.kihr.online\/?p=114","title":{"rendered":"Custome Style in WordPress with Eventprime"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Lesedauer<\/span> <span class=\"rt-time\"> &lt; 1<\/span> <span class=\"rt-label rt-postfix\">Minute<\/span><\/span>\n<p class=\"wp-block-paragraph\">On this <a href=\"https:\/\/karaoke-in-berlin.org\" target=\"_blank\" rel=\"noreferrer noopener\">webpage<\/a>, I am using Eventprime to display events in a calendar view. By default, the calendar entries use a very small font size.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Increasing the font size took me a while. There is no clear description on the EventPrime page, and I could not find any helpful information in any forum.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">I therefore had to debug the page to identify the correct elements to modify. Here is the custom CSS that you need to add to your webpage:<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* EventPrime Kalenderansicht - Monats\/Wochen\/Tag Ansicht *\/\n\n\/* Event-Zeit im Kalender *\/\n.fc-event-time {\n    font-size: 14px !important;\n    font-weight: 500;\n}\n\n\/* Event-Titel im Kalender *\/\n.fc-event-title {\n    font-size: 12px !important;\n    font-weight: 600;\n    line-height: 1.4em;\n}\n\n\/* Popup Event-Titel *\/\n.ep_event_popup_title {\n    font-size: 18px !important;\n    font-weight: 600;\n}\n\n\/* Popup Zeit und Datum *\/\n.ep_event_popup_date_time_wrap,\n.ep_event_popup_time,\n.ep_event_popup_address,\n.ep_event_popup_date {\n    font-size: 14px !important;\n}\n<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This increases the font size for each calendar entry, as well as for the pop-up that appears when you hover over an entry. I found this setting made the text much more readable. You can adjust the font size to your liking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are two ways to inject CSS: Either use the EventPrime settings custom CSS tab. Or you can use the custom CSS option in your theme customiser. I prefer the first option since this will not get lost when you change the theme, unlike the second option.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Lesedauer<\/span> <span class=\"rt-time\"> &lt; 1<\/span> <span class=\"rt-label rt-postfix\">Minute<\/span><\/span>Change the font size for EventPrime calendar events and ensure that the text is readable.<\/p>\n","protected":false},"author":2,"featured_media":115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[57,56],"tags":[58,60,45,59],"class_list":["post-114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-custom-css","category-wordpress","tag-css","tag-eventprime","tag-wordpress","tag-wordpress-theme","entry","has-media"],"_links":{"self":[{"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":1,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions\/116"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"https:\/\/blog.kihr.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kihr.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}