chapyl

Thanks! That worked great! ??

Thanks! It worked! ??

I forgot to mention that it is the padding to the left of the three calendar events. I don’t think this was a problem before the update. The area with the three calendar events should be more to the left. Maybe it’s the data or CSS for UL or LI changed?

Disabled

The event in my calendar started 29th December and ends 10 January. But event 11 January is the first listed on my website.

Thanks! Now it looks much better. But the event listed as full-day and multi-day event to 10 January is not listed at all.

Thanks!
It looks better now, but I still have problem with multiday-event (like ‘Holiday’) which now is listed two times in my list of the three upcoming events.

you can see the calendar listing on:
https://www.pylad.se

<strong>[title]</strong>
<p>[when]. [location].  [description]</p>

Just realised that I also have to change the settings for my cache plugin in WordPress ?? I hope it will work better now ??

Unfortunately it wasn’t solved. When I now check my calendar on my website it still have a meeting which I had yesterday. The cache settings for the calendar is 30 minutes.

Great! Thanks! ??
Can I find the list of the different codes to use?
In my setup it was just the tag [when] which is now replaced with [start-date][start-time][end-time]

I’m refreshing the page.
I think I solved the problem by updating the calendar again. Now it seems that the calendar updates when I refresh the page. ??

I really don’t know exactly what code has changed it.
I have tried a lot of different css codes and I haven’t “cleaned” all the code. Here are all the css code I have right now in my style.css

/* List view only */
.simcal-calendar-list .simcal-current {
/* We use visibility here instead of display so that the spacing between the next/prev buttons is retained. */
visibility: hidden !important;
padding-top: 0px !important;
padding-bottom: 0px;
line-height: 0px;
}
.simcal-nav { display: none !important;
}

.simcal-event-details
{font-size:.95em;line-height:1.2;
}

dt.simcal-day-label
{font-size:.9em;list-style:none;margin:0px 0 0px
}

ul.simcal-events{margin:0px 0px 0}

li.simcal-event {
list-style-type:none;
margin-bottom:0px;
margin-top:15px;
word-wrap:break-word
}

.simcal-event-title {
    font-weight: bold;
}

.simcal-events-list-container {
    margin-left: 8px;
margin-top: 0px;
    padding: 0px;
line-height: 10px;
}

ul.simcal-events {
    margin-left: 0px;
    padding-left: 0px;
line-height: 0px;
margin-bottom: 13px;
}

.simcal-default-calendar-list .simcal-event-details br{ display:none!important; }

.simcal-event-details p {
  margin-top: 0;
  margin-bottom: 0px;
}

simcal-events ul {
margin-left: 0px;
padding-left: 0px;
line-height: 0px;
margin-bottom: 33px;
}

Thanks for the help.
Finally I managed to change the right css codes and now it looks great. ??

Thanks for the help.
Finally I managed to change the right css codes and now it looks great. ??

Unfortunately I haven’t ??

Here’s my website:
https://www.pylad.se

Here is a cache version of the website (that’s how I would like to view the calendar)
https://webcache.googleusercontent.com/search?q=cache:vz1MrYD-Z_oJ:pylad.se/+&cd=1&hl=sv&ct=clnk&gl=se

I would like to change the line-height but can’t find the right one to change.
Before the big update of the plugin it worked fine with the theme, but after the update something is wrong and I don’t know where to change ??