Change Arrow Color in Multiday Event in Month View

  • Resolved lutzcreativegroup

    (@lutzcreativegroup)


    8 years, 3 months ago

    Anyone know what CSS will change the arrows that appear on a multi-day event in Month view? I have searched the code and cannot figure out if this is done via a background image, a font, or a :before or :after bit of CSS. I was able to change the color of this via CSS since I could not find anything in the theme customization for changing the look of the grey bar that is the default. Here’s my code for that:

    /* Following changes the button color of today's events, all-day events, and multi-day events in the Time.ly calendar plugin */
.ai1ec-today .ai1ec-event, .ai1ec-allday-events .ai1ec-event, .ai1ec-month-view .ai1ec-allday .ai1ec-event {
	background-color:#973f98!important; /*Logo Purple*/
}

    Click on the link below to see an image with the arrows I am talking about circled in red:
    https://lutzcreativegroup.com/timely-calendar-image/

    https://www.ads-software.com/plugins/all-in-one-event-calendar/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    Can you please provide a link to your calendar page.

    Thread Starter lutzcreativegroup

    (@lutzcreativegroup)

    I cannot, it is on a development server.

    Hi,

    Please use the following code:

    .ai1ec-month-view .ai1ec-multiday-arrow1 {
   border-left-color: #f00; /* Set the desired color here */
}

.ai1ec-month-view .ai1ec-multiday-arrow2 {
   border: 7px solid #f00; /* Set the desired color here */
   border-left-color: #fff;
}

    Take care,
    Ben

    Thread Starter lutzcreativegroup

    (@lutzcreativegroup)

    Thank you! That worked perfectly. It does have the arrow cover the text on the left-hand side, but I was able to fix that by adding a space via CSS:

    .ai1ec-month-view .ai1ec-event-title:before {
    content:”\00a0″;
    font-size:1px;
    }

    No problem, glad we could help ??

    Take care,
    Ben

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Arrow Color in Multiday Event in Month View’ is closed to new replies.