As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2811203
Booking form
Closed

Comments

  •  1
    Phil Holmes started the conversation

    On the booking form, select a date, the times are display, however the times are extending beyond the 'time box' which looks very unsightly. IS there a way to correct this ?


    Thanks

  • [deleted] replied

    Hi Phil,

    thank you for reaching out to ussmile.png

    You can try changing the layout of the time slots with this line:

    span.el-radio-button__inner {width: auto !important;}
    

    In that case the slots would appear like this, and would no longer "break" the border:

    1034257634.png


  • DoQtor replied

    Pardon me for butting in but i like this layout, where would teh css code go? 

  • [deleted] replied

    Hi there, 

    absolutely no problem, please feel free to replysmile.png

    Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom CSS to the page, please take a look at this article.

    If you need help with adding custom JS to the page, please take a look at this article.

  •  1
    Phil Holmes replied

    Thank you.

    I think the issue is caused because when all the time slots available do not fit in the time space allocated, a slider bar is shown on the right, and this causes the issue with the time slot boxes.

    Maybe this is something the developers could look to resolve for future releases ?

  • [deleted] replied

    Hi Phil,

    thank you for the kind replysmile.pngI apologize for the later reply as we don't work on weekends.

    This is a temporary fix; I will make sure to make note with them to see how we can implement this into an update (this is mostly due to the layout, and when translated page is used so the format tends to be different and not fit into the box). Has the fix worked for you?

  •  1
    Phil Holmes replied

    Hi,

    Thank you. Yes it did work

    Phil

  • [deleted] replied

    Hi Phil,

    I'm glad to hear that, thank you for letting me knowsmile.png

    If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.