Modify CSS for Bubble

  • Resolved spinfx007

    (@spinfx007)


    2 years, 3 months ago

    Just wondering if some one could help me customise the Calendar bubble on the grid lay out. I am new to this and just chasing which CSS Class i have to modify to fix the colours for the text and background of the bubble. Any help would be appreciated or even a direction forward.

Viewing 1 replies (of 1 total)
  • Plugin Support john

    (@johnweru)

    2 years, 3 months ago

    Hi there,

    Thanks for reaching out to us.

    In regards to your question here, please try and add the following CSS codes within the Appearance > Customize > Additional CSS section:

    .simcal-event-details.simcal-tooltip-content {
    background-color: #ff0000;
}
.simcal-event-bubble .simcal-event-details p, .simcal-event-bubble .simcal-event-details .simcal-event-description {
    color: #fff;
}
.simcal-event-details.simcal-tooltip-content p a {
    color: #1571c1;
}

    I hope this gets to help.

    Kind Regards,

    John

Viewing 1 replies (of 1 total)

The topic ‘Modify CSS for Bubble’ is closed to new replies.