How to remove the dotted line from under each calendar event in the monthly view

[G3MM4]

The dotted line under each event in the calendar monthly view can be unsightly, depending on your taste. Here's a way of getting rid of it.

1) Admin CP > Styles & Templates > Style Manager > Edit Templates > << >> > Calendar Templates > calendar_monthly_event

To remove the dotted line, but keep the spacing of the events intact, follow step 1a, but skip step 1b. To remove both the dotted line, and the spacing in between the events, skip step 1a, and follow step 1b.

1a) At the top, remove the red code:


<div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px dotted">

1b) Remove the red code:


<div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px dotted">

OR

You can change the red code to a line style that you prefer. For example, if you wanted to change it to a solid line, you would replace the red code:


<div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px dotted">
with the blue code:


<div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px solid">
Of course, you could change the other aspects of the dotted line, such as line colour and line thickness, which requires basic knowledge of CSS (http://www.w3schools.com/css/css_border.asp).