Page 1 of 1

css for calendar

Posted: Thu Mar 22, 2018 12:05 am
by micktissue
Hi there - not sure if this has been addressed elsewhere.

2 issues that have to do with css (photos included)
1 - the "year" drop down only displays half of the year (20)
2 - when hovering over an event, the popup reveals part of the information cut off, and sometimes not

I believe this is a css issue and I can go play around with the code and see what changes, but I'm curious if there is a user guide that explicitly details what css code affects which item.

Thanks in advance.

Mick

Re: css for calendar

Posted: Sun Mar 25, 2018 7:46 pm
by Kieran
I think the second issue you describe is fixed in the latest version; on the calendar options page use the tick box to reset the styles and the fix should start working.

As to your first issue, it looks like a text sizing conflict with your theme. If you provide a link to your website I can advise what CSS needs to be changed.

Re: css for calendar

Posted: Mon Mar 26, 2018 1:20 am
by micktissue

Re: css for calendar

Posted: Mon Mar 26, 2018 10:49 am
by Kieran
Find the following section of the calendar CSS on the calendar options page

Code: Select all

.calendar-date-switcher select {
and add in the following lines

Code: Select all

padding-left:0;
padding-right:0;
This should make the dates visible in the drop downs