Events calendar widget

I am having a issue with solving the space in the sidebar with a upcoming events widget! It seems the Sydney theme is putting extra space on the left side of the upcoming events before the title. Also, the title is a bit too large and I would like to do more styling.

<aside id=“tribe-events-list-widget-2” class=“widget tribe-events-list-widget”><h3 class=“widget-title”>Upcoming Events</h3>


    <li class=“tribe-events-list-widget-events type-tribe_events post-4169 tribe-clearfix tribe-events-venue-4171”>
    							&lt;!-- Event Title --&gt;
    			&lt;h4 class="tribe-event-title"&gt;
    				<a href="http://symphonicartistry.org/event/patriotic-collaboration/" rel="bookmark">A Patriotic Salute</a>
    			&lt;/h4&gt;
    
    							&lt;!-- Event Time --&gt;
    
    			
    			&lt;div class="tribe-event-duration"&gt;
    				&lt;span class="tribe-event-date-start"&gt;May 20 @ 7:00 pm&lt;/span&gt; - &lt;span class="tribe-event-time"&gt;8:30 pm&lt;/span&gt;				&lt;/div&gt;
    
    						</li>
    				&lt;li class="tribe-events-list-widget-events type-tribe_events post-4173 tribe-clearfix tribe-events-venue-4175"&gt;
    			
    							&lt;!-- Event Title --&gt;
    			&lt;h4 class="tribe-event-title"&gt;
    				<a href="http://symphonicartistry.org/event/the-flying-proms-symphony-air-show/" rel="bookmark">The Flying Proms Symphony Air Show</a>
    			&lt;/h4&gt;
    
    							&lt;!-- Event Time --&gt;
    
    			
    			&lt;div class="tribe-event-duration"&gt;
    				&lt;span class="tribe-event-date-start"&gt;June 10 @ 3:00 pm&lt;/span&gt; - &lt;span class="tribe-event-time"&gt;5:00 pm&lt;/span&gt;				&lt;/div&gt;
    
    						</li>
    		</ol>&lt;!-- .tribe-list-widget --&gt;
    
    &lt;p class="tribe-events-widget-link"&gt;
    	<a href="http://symphonicartistry.org/events/" rel="bookmark">View All Events</a>
    &lt;/p&gt;

Hello there,

Please share the link to the page where you put the events calendar widget, so I can inspect it directly.

Regards,
Kharis

http://symphonicartistry.org/announcements/

I managed to nudge it over with some CSS from the events calendar website, but would still like more control to align it left. Thanks for letting me know what’s up!

Any luck?

Hello there,

I would like to apologize in advance for the delayed reply.

To remove the unwanted space, add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.tribe-events-list-widget ol.tribe-list-widget, 
.tribe-events-list-widget ol.tribe-list-widget .tribe-events-list-widget-events {
  margin-left: 0;
  padding-left: 0;
}  

To control the event title size, you can use this CSS code:


.tribe-events-list-widget ol.tribe-list-widget .tribe-event-title {
  font-size: 16px;
}

Regards,
Kharis