Sidebar Widget Header Style is changed

Hi @rkwp

Thanks for reaching out! Sorry this is causing you trouble.

We have updated the design of our Events List widget so that it better matches with the updated designs of the calendar views.

The way it is done is also more in line with accessible HTML standards – having a header block & etc. This is something that was intentionally done and is not a bug.

I understand that it is frustrating that the widget title design doesn’t match the default widget header design. However, there is an easy CSS fix for that which I cooked up for you.

Place this CSS snippet to where you usually put CSS rules. Your child theme’s style.css file or under Appearance > Customize > Additional CSS box are two of the most common places for this:

.tribe-events-widget-events-list__header .tribe-events-widget-events-list__header-title {
	font-size: 14px;
	line-height: 17px;
	margin-top: 0;
	border-bottom: 2px solid #222;
	background-color: #222;
	color: #fff;
	padding: 7px 12px 4px 12px;
	text-transform: uppercase;
}

This should bring it in-line with the rest of your widget titles.

Let me know if this helps.

Cheers,
Andras

Hi Andras,
thanks for the css-code.

It is working, but i think its better a plugin doesn’t break the main design of a theme.

The updated design of the Events List widget looks very good, if the header title match the default of the theme.

Hi @rkwp

Happy to hear the CSS snippet helped.

I hear ya and thank you for your feedback. I fully understand where you are coming from and definitely a valid approach.

A lot of users use the widgets on different places of their website and not only in the sidebar. In those cases I believe the widget header format would be off-design and would need to be adjusted with CSS.

As one of my colleagues put it: “it’s hard to walk that line”.

Down the road we are planning to revamp all of our widget designs so they all match the updated design of the calendar views, and to be more inline with accessibility standards.

Thanks again for your feedback, much appreciated!

I am going to mark this ticket as resolved. If you would like to continue the convo, we absolutely can. ??

If you encounter any new issues, please be so kind and open a new ticket.

Thanks and cheers,
Andras