Announcement

Collapse
No announcement yet.

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

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    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:

    Code:
    <div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px[COLOR=Red]; border-bottom:1px dotted[/COLOR]">
    1b) Remove the red code:

    Code:
    <div class="smallfont"[COLOR=Red] style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px dotted"[/COLOR]>
    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:

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

    Code:
    <div class="smallfont" style="margin-bottom:$stylevar[cellpadding]px; padding-bottom:2px; border-bottom:1px [COLOR=Blue]solid[/COLOR]">
    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.
    Last edited by G3MM4; Sun 29 Jan '06, 5:50pm.
    Jeez... I can't believe my post count mostly consists of questions! :eek:
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X