Go to Main | Display Options | Style
Now here are the different things that can be styled, I will give their CSS id/class as well.
Widget Calendar and Full Calendar
Appearance: (cal, calFC) There is a div that wraps around the calendar table.
Mouseover Popup: (popupFC) the popup when floating the mouse over an event title in the Full Calendar.
Outer Table: (calTable, calTableFC) The div that wraps everything within the calendar.
Month Header: (calTH, calTHFC) is the row that displays the Previous month button, Month Name, Year, Next month button.
Month Text: (calMonth, calMonthFC) is the name of the month.
Year Text: (calYear, calYearFC) is the year numbers.
Previous Button: (calPrev, calPrevFC) the previous month button.
related CSS (calPrev a, calPrev a:hover, calPrevFC a, calPrevFC a:hover)
Next Button: (calNext, calNextFC) the next month button.
related CSS (calNext a, calNext a:hover, calNextFC a, calNextFC a:hover)
Calendar Rows: (tableTR, tableTRFC) each row of the calendar.
Days of the Week: (calDW, calDWFC) each block for the SU, MO, TU, WE, TH, FR, SA
Blank Day: (calBlank, calBlankFC) a spacer day that pushes over the first day of the month or fills the end of the calendar after the last day of the month.
Day with no events: (calDay, calDayFC) the days of the month on which no event occurs.
Day with events: (calActive, calActiveFC) the days of the month on which there is an event.
related CSS (calActive a, calActive a:hover, calActiveFC a, calActiveFC a:hover)
Current Day with no events: (calToday, calTodayFC) the day in the calendar that matches the current date on which there are no events.
Current Day with events: (calTActive, calTActiveFC) the day in the calendar that matches the current date on which there is an event.
related CSS (calTActive a, calTActive a:hover, calTActiveFC a, calTActiveFC a:hover)
Event List Widget
No options currently set. While there are classes or id’s assigned to each part. (evWidgetUL, evWidgetDate, evWidgetLI) I’m having issues assigning styles to lists using the Live Preview, so by leaving these without assigning CSS styles to them, they will default to your theme’s list styles. If you would like to assign CSS styles, the above 3 plus additional CSS targetting can be used. (Such as… evWidgetLI a, evWidgetLI a:hover, evWidgetLI ul li a, evWidgetLI ul li a:hover)
Event List Page
Full Calendar Link: (fullCalLink) the link to the full calendar.
related CSS (fullCalLink a, fullCalLink a:hover)
Category Wrapper: (eventCatList) a div that wraps where the categories list/drop-down is displayed.
Category List: Again, issues with assigning styles using the life preview, so they will default to your theme’s styling of lists.
related CSS (catMainUL, catSubUL, catChildUL, catMainList, catSubList, catChildList, catMainList a, catSubList a, catChildList a, catMainList a:hover, catSubList a:hover, catChildList a:hover)
Date Heading: (eventDateHead) a div that wraps the date of an event.
List Wrapper: (eventsList) a div that wraps all of the events.
Event Wrapper: (eventBlock) a div that wraps each individual event.
Event Detail Wrapper: (eventDetails) Wraps the details of the event.
Buttons: (eventOptions span) the More, Comments and RSVP buttons.
related CSS (eventOptions span a, eventOptions a:hover)
Event Title: (myEventTitle) the title of the event on the list page.
Location Title: (myEventLocationTitle) the word “Location” on the list page.
Location Text: (myEventLocation) the location/address
Time Title: (myEventTimeTitle) the word “Time” on the list page.
Time Text: (myEventTime) the actual time of the event on the list page.
Go to Main | Display Options | Style
