1. You can change the line-height using CSS. Depends on what you are trying to change it for. You can just inspect the element to find out the class/id to use.
2. If you are talking about the title of the event then just add <strong> tags around it in the event builder code.
Thread Starter
chapyl
(@chapyl)
Thanks for the help.
Finally I managed to change the right css codes and now it looks great. 🙂
What CSS class did you change??
I tried changing the line height of the grid, but the min-height of a “Day box” is set by an inline property so can’t be touched with CSS.
Thread Starter
chapyl
(@chapyl)
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;
}
