CSS for Calendar Popup

Hi Experts,

If you go to https://www.aces-project.com/index.php/live-apps/ then click on the Date field, you will get a calendar popup, which doesn't look great.

The snapshot attached is what the calendar looked like on the older version of  the website, which is no longer available.

I copied all files, but I think I need a small tweak in the CSS.

Any help will be greatly appreciated.Calendar Snapshot
APD TorontoAsked:
Who is Participating?
 
Julian HansenCommented:
This is what I am seeing.
ss161.jpg
0
 
Steve BinkCommented:
What kind of tweaks were you considering?
0
 
APD TorontoAuthor Commented:
I need to make the calendar in the link look like the one in the snapshot
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Julian HansenCommented:
Try this
.calendars-popup .calendars-nav {
	line-height: normal;
	padding: 5px 0;
}
.calendars-popup table {
	margin-bottom: 0;
}
.calendars-month-header select, .calendars-month-header input {
	height: auto;
	border: none;
}
.calendars-popup select {
	height: auto;
	margin: 0;
}
a.calendars-cmd {
	height: auto;
}

Open in new window

0
 
APD TorontoAuthor Commented:
Still the month and year dropdowns cannot be seem.
0
 
APD TorontoAuthor Commented:
Thanks again!
0
 
Julian HansenCommented:
You are welcome.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.