Appearance questions

[Judy Kavanagh]

Our addition of online booking of classes is nearly done and our workshop coordinator is really pleased.

A couple of small things remain. Here’s an example page. Copper Weaving

1. Can I get the Dates at the top to include the day of the week? The Days(s) field below is a custom field. It is redundant but needed now to display the day.

2. In the registration form the Phone field is not getting the same style as the other fields. Where can I set this? I poked around in the event-organiser-pro/css directory but couldn’t figure it out.

3. Can I change the size of a text box (the Note field at the bottom of the form). Input is a bit too small and Textarea is a bit too large.

Thanks

[Stephen Harris]

1) Copy event-meta-event-single.php from event-organiser/templates into your theme folder, and edit this line. Specificaly replace

eo_format_event_occurrence()

with

eo_format_event_occurrence(null, null, 'l, F J, Y', ' g:i a')

The letters determine the date and time formatting. So l (lowercase L) will display the day of the week. A full list can be found here. The last argument is only used if the event is not an all-day event, and so will typically contain the time formatting. In this case g:i a which will give 10:00 am, for example.

2) This the theme styling the fields. In the theme style.css they are targeting inputs with specific types:

input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea {
   //Styles here...
}

Just add input[type=tel] to that list.

3) It depends what type of data you want from the user. Text inputs are single line, textareas are multiline, but can have a set number of rows / columns. Both can be styled as desired.

[Judy Kavanagh]

Thanks

[Author]

Posts