Moo datepicker css conflict help

websurfer 24 Oct, 2013
Hi All!

What do I do if a css element in the Moo datepicker css (.header) is the same as my template's style sheet?

header is an awfully common name, so it's reasonable to see how there'd be a conflict. I tried adding the !Important tag to it, but no go.

Thanks for the assistance!
websurfer 24 Oct, 2013
Ack! I actually got it to work..

The css looks like this:
.datepicker_jqui .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}


I just changed it to this:
.datepicker_jqui .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
	margin-top: 0px !important;
}


It was using the margin from my template's header class. I tried this before but it didn't work, now it does.

Thanks for the help!
This topic is locked and no more replies can be posted.