Large Fonts In Widget

Oops, still more margin to remove

.tribe-events-list-widget ol li { margin-bottom: 0; }

Worked like a charm!

Hi Andy

Well done wow what a trail of emails – excellent community support, I’m a toal novice like Ed.

Before I start this may I ask will the fix remain during any future upgrades? I hope the ‘Plug in team’ are reading this fix for future upgrades.

With what worked and what didn’t would you be able to just give me the list of correct events (i.e. exactly what I have to type?)

thank you in advance

All the best SBUK

southernboyuk, if you make a child theme and then create the ‘tribe-events/tribe-events.css’ inside of that theme then these changes will survive any updates. If you could start by doing that we can work on the other stuff.

The entire CSS file for exitrowband is at https://www.exitrowband.com/wp-content/themes/twentyeleven/tribe-events/tribe-events.css

Great OK, in France at present prepping to travel back to the UK, will do when I get back and thanks for the quick reply.

Let me know when your back and done the above. We’ll get it sorted out.

I just wanted to say a quick thank you to Andy. I was having the same problem as exitrowband and followed the directions and it worked perfectly!

For the purposes of this post the complete CSS is as follows:

li.tribe-events-list-widget-events h4.entry-title.summary a { font-size: 12px; color: blue; }
li.tribe-events-list-widget-events h4.entry-title.summary { padding-right: 0px; line-height: 15px;}
.tribe-events-list-widget ol { margin:0; }
li.tribe-events-list-widget-events { margin-bottom: 10px; }
.tribe-events-list-widget ol li { margin-bottom: 0; }

I’m sure exitrowband doesn’t want everyone hitting his site. Especially if he changes other things. ??

RomanceWriterChick I’m glad the same solution worked for you.

Thanks again Andy ??

exitrowband, I think I found a simpler CSS selector for the title. Try the following.

.widget-area .widget a { font-size: 12px; color: blue; }
.widget-area .widget { padding-right: 0px; line-height: 15px;}
.tribe-events-list-widget ol { margin:0; }
li.tribe-events-list-widget-events { margin-bottom: 10px; }
.tribe-events-list-widget ol li { margin-bottom: 0; }

Curious if that works, if not just revert back.

dear all – you put together a wonderful and really helpful thread. thank you so much. one question i still have and cannot seem to figure out the solution: how can i reduce the amount of empty space between two dates in widget? on my website troop324.de there is lots of space (between black letters of the date and time and red letters of the next title for event). on the website mentioned at the beginning of this thread https://exitrowband.com/ there seems to be less. what did i miss? any help is greatly appreciated!
greetings from germany, jp

jp, it looks like what you missed was creating a child theme, then creating the tribe-events folder and then creating the tribe-events.css file inside of the tribe-events folder.

{THEME}/tribe-events/tribe-events.css is the key.

What you’ve done is add all these overrides to the twentyeleven/style.css file. Because the default Events Calendar CSS is loading after the themes’s CSS, none of these changes will be seen. They will all be overridden.

hi andy . thank you so much for your time and answer.
actually the code did work fine in the original style.css – all except for the distance between the lines. but that indeed now worked great with the child theme. so looks much better now ??
one more question: is there a way to add some extra space between the last date and the “view all events” line? it seems to be linked to the “normal” distance between the other dates. but i would like to have the normal space minimal, and the view-all one a bit larger…
thank you again for your help, greetings, jp

jp, try the following and adjust space as desired.

.tribe-events-widget-link { padding-top: 1em; }