CSS for Calendar Popup

APD Toronto
APD Toronto used Ask the Experts™
on
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
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2004

Commented:
What kind of tweaks were you considering?
APD TorontoSoftware Developer

Author

Commented:
I need to make the calendar in the link look like the one in the snapshot
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
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

Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

APD TorontoSoftware Developer

Author

Commented:
Still the month and year dropdowns cannot be seem.
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
This is what I am seeing.
ss161.jpg
APD TorontoSoftware Developer

Author

Commented:
Thanks again!
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial