css for calendar

Support for the WordPress Calendar plugin
micktissue
Posts: 2
Joined: Fri Mar 02, 2018 6:27 pm

css for calendar

Unread post by micktissue » Thu Mar 22, 2018 12:05 am

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
Attachments
year.png
drop down reveals only half of the year
year.png (10.39 KiB) Viewed 1751 times
hover_info.png
popup cuts off info
hover_info.png (17.05 KiB) Viewed 1751 times

User avatar
Kieran
Posts: 2059
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: css for calendar

Unread post by Kieran » Sun Mar 25, 2018 7:46 pm

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.

micktissue
Posts: 2
Joined: Fri Mar 02, 2018 6:27 pm

Re: css for calendar

Unread post by micktissue » Mon Mar 26, 2018 1:20 am


User avatar
Kieran
Posts: 2059
Joined: Sat May 26, 2007 1:55 pm
Location: London
Contact:

Re: css for calendar

Unread post by Kieran » Mon Mar 26, 2018 10:49 am

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

Post Reply