Styling booking fields

WordPress Event Management, Calendars & Registration › Forums › General Question › Styling booking fields

This topic contains 4 replies, has 2 voices, and was last updated by  Francois Wessels 8 years, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 1, 2015 at 2:58 pm #18708

    Hi Stephen,

    I hope it would be possible for you to assist with this — would it be possible to have the fields for e-mail, name & surname located next to another as per the supplied screenshoyt

    http://glui.me/?i=ktw8knx2ab30jzr/2015-09-01_at_15.49.png/

    We are using the Clinto theme on http://staging3.andrekocklimpopo.co.za & only the simplified booking form as a RSVP.

    Any help will be greatly appreciated.

    Kind regards
    Francois Wessels

    Francois Wessels
    September 1, 2015 at 10:35 pm #18712

    Hi Francois,

    The field elements are all templated so you could replace the mark-up entirely (you would want to ensure the name of the fields are the same). Just take a look in event-organiser-pro/templates/booking-form and copy any of the templates to your theme to edit them.

    You may be able to achieve this with just CSS, but the ability to modify the mark-up of the page is also there if you need.

    As for exactly how you would achieve that (in terms of what CSS statements to write) – that would depend on the theme really, so I can’t provide any concrete suggestions. As far as the plug-in is concerned (and in terms of mark-up) the name fields and e-mail field are two separate elements – so you could try setting the width appropriately so they fit on one line.

    Stephen Harris
    September 2, 2015 at 5:39 am #18715

    Hi Stephen,

    Thank you for your assistance on this — could you possibly just explain a little bit more what you mean with ‘copying over the templates to the theme”

    If I were to edit just the CSS, how would I go about this? Which CSS files would I need to modify/edit?

    Kind regards
    Francois

    Francois Wessels
    September 2, 2015 at 8:12 pm #18732

    Hi Francois,

    I mean just copy the files from templates/booking-form into the root of your theme. Then you can edit them without your changes being lost when you update the plug-in.

    Regarding which files to edit to modify the CSS this would be the theme stylesheet. Where that stylesheet lives will vary between themes, but is typically style.css in the theme’s root directory. Some themes will provide a setting for you to add your own CSS without modifying the theme files. Your theme’s developer might be able to provide advice on this too.

    Stephen Harris
    September 3, 2015 at 12:53 pm #18742

    Thank you Stephen, thought that was the case but I just wanted to make sure.

    Will update here if I run into any issues.

    Kind regards
    Francois Wessels

    Francois Wessels
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
To enable me to focus on Pro customers, only users who have a valid license for the Pro add-on may post new topics or replies in this forum. If you have a valid license, please log-in or register an account using the e-mail address you purchased the license with. If you don't you can purchase one here. Or there's always the WordPress repository forum.