When a user clicks my datetime box they only see the first few days. The day labels are big.
I believe this relates to my Rocket Theme template (Crystalline) because if I use a similar template from RT there are no such issues.
I have CF V4, Joomla 1.5.23 with Mootools on.
I have looked at this forum and Rocket Theme and tried the following:
Disabling "Input Styling" from the Gantry Advanced tab. Gantry Cache is on and Gzipper is off.
I have tried creating a text box with a datetime style as per a post on this site.
The form is here: http://www.prestigeparkingalicante.com/test . The first field is a text field with datetime styling and the second is a standard CF datetime field.
Does anyone have any ideas? Thank you in advance
I believe this relates to my Rocket Theme template (Crystalline) because if I use a similar template from RT there are no such issues.
I have CF V4, Joomla 1.5.23 with Mootools on.
I have looked at this forum and Rocket Theme and tried the following:
Disabling "Input Styling" from the Gantry Advanced tab. Gantry Cache is on and Gzipper is off.
I have tried creating a text box with a datetime style as per a post on this site.
The form is here: http://www.prestigeparkingalicante.com/test . The first field is a text field with datetime styling and the second is a standard CF datetime field.
Does anyone have any ideas? Thank you in advance
Hi PC Resolver,
This CSS breaks the title. Looks as though the template CSS is a bit too general:
You may need to add the correcting CSS entries to the datepicker CSS.
Bob
This CSS breaks the title. Looks as though the template CSS is a bit too general:
.title {
font-size: 160%;
font-weight: normal;
letter-spacing: normal !important;
margin: 0;
padding: 10px 12px 10px 25px;
}
You may need to add the correcting CSS entries to the datepicker CSS.
Bob
FIXED!
Thanks for such a quick and accurate response.
Here's what I did:
The 'datepicker' CSS is here: components/com_chronoforms/css/datepicker/datepicker_dashboard.css
I added the following lines:
To reduce space taken by the Month Title:
.datepicker_dashboard .title {
margin: 0;
padding: 0;
}
To reduce space taken by the Day Titles:
.datepicker_dashboard .days .titles {
padding: 0px;
font-size: 8px;
}
I'm not sure if both margin and padding changes were needed but this has fixed it and not broken anything else (yet 🙂 )
Thanks again.
Thanks for such a quick and accurate response.
Here's what I did:
The 'datepicker' CSS is here: components/com_chronoforms/css/datepicker/datepicker_dashboard.css
I added the following lines:
To reduce space taken by the Month Title:
.datepicker_dashboard .title {
margin: 0;
padding: 0;
}
To reduce space taken by the Day Titles:
.datepicker_dashboard .days .titles {
padding: 0px;
font-size: 8px;
}
I'm not sure if both margin and padding changes were needed but this has fixed it and not broken anything else (yet 🙂 )
Thanks again.
This topic is locked and no more replies can be posted.