Other Documentations
** How to use event_type to do moreCODE: To add additional healthcare guidelinesHow to activate EventONHow to Add Variations to Booking BlocksHow to apply a patch fixHow to cancel addon subscription before auto renewHow to deactivate EventON Addon LicensesHow to find your EventON license key (Purchase key)How to fix breaking sidebar by eventon widgetHow to get new auto updates for EventONHow To Hide Blank Rows On the Calendar EventTopHow To Install and Use the Include Anything AddonHow To Install and Use the Moon Data AddonHow To Set Up and Use the Filter Bar on CalendarsHow to Set Up Health Guidelines for EventON and Extend ItHow To Set Up Virtual Events with Jitsi™ MeetHow 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 the Autogenerator to Create Booking BlocksHow To Use the EventON Shortcode Executor(ESE) WidgetHow To Use The EventTop DesignerHow To Use WebhooksHow To Use Webhooks in EventON with RSVP Trigger EventsUsing 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