
Custom Google Calendar Widget CSS Classes
These are the relevant classes for Google Calendar event date/time:‘Clock icon’ class
This class is for the clock icon which appears alongside the date/time by default. .fa.fa-clock-o Note – If you wish to hide this icon you can use: .fa.fa-clock-o {display:none!important;}‘Time’ class
The ‘Time’ class styles the time element of the date/time. .fw-gc-feed-item-time-only‘Date’ class
The ‘Date’ class styles the date element of the date/time. .fw-gc-feed-item-date-only‘Date & Time’ class
This class styles both date and time components. Useful for adding a border around the whole date+time element, or to reposition the whole date+time element using margins. .fw-gc-feed-item-dateUsing these CSS classes you can create a widget such as the example below. You can find the full CSS used for this custom Gcal widget here.
If you need any assistance with customizing your Google Calendar widget, please contact us and we’ll be happy to help!