How To Hide Blank Rows On the Calendar EventTop

Last Updated: 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:

.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?

Ready to setup your calendar?