Other Documentations
** How to use event_type category to do moreHow to Activate EventONHow To Allow Users to Submit Events and Create an Events Listing PageHow to apply a patch fixHow to Bulk Update Language Translations Using the Import/Export ToolHow to cancel addon subscription before auto renewHow to Deactivate EventON Addon LicensesHow To Display or Hide the Live Now IconHow to Enable Auto-updates for EventONHow to find your EventON license key (Purchase key)How to Fix a Broken Sidebar Caused by the EventON WidgetHow To Hide Blank Rows On the Calendar EventTopHow To Set Up and Use the Filter Bar on CalendarsHow to Set Up Health Guidelines for EventON and Extend ItHow to Setup & Use Custom Fields for EventsHow to setup & use multi data typesHow to Setup Basic Paypal for EventsHow to show past eventsHow to show your calendar on external sites using an iFrameHow To Turn on Sort Options On Your CalendarHow To Upgrade Your EventON Addon LicenseHow to Use Hashtags to Link to Event SectionsHow to Use Single Event Data ValuesHow to Use the EventCard DesignerHow To Use the EventON Shortcode Executor(ESE) WidgetHow To Use The EventTop DesignerHow To Use the ICS Import ToolHow to Use Virtual Visible Event End Time for Events with Limited Visibility but Extended DurationsUsing an SMTP Mail Plugin To Solve Email Delivery Issues in EventON
How To Hide Blank Rows On the Calendar EventTop
October 19, 2021
Does your EventON calendar sometimes show up with some empty spaces/rows on the front end of the website as shown on this image?
Why does this happen?
Some themes do not like it when the page’s HTML content has an <a> tag inside a <p> tag. These themes will filter the content and move the <a> outside of the <p> tag. This ultimately breaks your calendar display by creating additional <p> and <a> tags under each eventTop creating multiple blank rows underneath ☹.
Quick fix
Go to EventON » Settings » Styles and paste the CSS snippet shown:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
.eventon_events_list .eventon_list_event p.desc_trig_outter, .eventon_events_list .eventon_list_event .event_description p{ display:block } .eventon_events_list .eventon_list_event p{ display:none } .eventon_events_list .eventon_list_event a.desc_trig{ display:none } .eventon_events_list .eventon_list_event p a.desc_trig{ display:block } |
This will look like so:
Did this article help you? If not, send us a ticket via helpdesk