[Plugin: Event Organiser] date is not aligned on the the event sidebar list

Hi Phil,

Seems you’re not using Event Organiser – so I can’t help you. (Or if you were, where exactly you mean).

sorry check it again
https://amjaad.com/mabc/news-events/mabc-event-calendar/
the event date is not aligned on the event title
and is it possible to add view full calendar button on the sidebar
so it will be directed to the full calendar
thanks

HI Phil,

The problem is that your theme is targeting links inside li tags and styling them, rather than the li elements themselves. On line 1492 on your style.css:

#sidebar li a{
   display: block;
   color: #8A8A8A;
   border-bottom: 1px dotted #DEDEDE;
    padding: 5px 0 5px 16px;
}

Change that to

#sidebar li{
   display: block;
   color: #8A8A8A;
   border-bottom: 1px dotted #DEDEDE;
    padding: 5px 0 5px 16px;
}

and it looks better.

You can also just target the event list widget in CSS and style it differently. Or if you want to wrap the entire line in a link (or otherwise change the output) you can provide a ‘template’ (more accurately a placeholder). The documentation for this is on the event list shortcode documentation page: https://www.harriswebsolutions.co.uk/event-organiser/documentation/shortcodes/event-list-shortcode/

As a side note – the buttons on the calendar are dropping a bit. You might want to event fullcalendar.css (line 61) so that top:50% is changed to something like top:10%:

.fc-button-content .fc-icon-wrap {
   position: relative;
   float: left;
   top: 10%;
}

Hope that helps!

thanks a lot stephen
keep it up:)