Forums

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

Hi PC Resolver,

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.