Hey everyone!

With the Labour Day holidays coming up, we’d like to let you know about our upcoming working hours:

Thursday, May 1st: Our team will be off during Labour Day.
Friday, May 2nd: We'll also be off for an extended holiday break.

We’ll be back on Monday, May 5th, ready to respond to all messages received during this time.

In the meantime, if you need help, feel free to:

https://www.youtube.com/@AmeliaWordPressBookingPlugin/videos

https://www.youtube.com/@wpDataTables/videos

Thank you for being so understanding, and we hope you enjoy the long weekend! 

Okay
  Public Ticket #2806077
How to display entire sentence of service
Closed

Comments

  •  1
    Takahiro started the conversation
    June 19, 2021 at 7:41am

    Hi,

    I would like to display entire title of service when you use smartphone.

    Regards.

  • [deleted] replied
    June 21, 2021 at 12:28pm

    Hi, Takahiro,

    Sorry for the delayed response, we don't work on weekends.

    I'm afraid, the name of the Service is not being displayed because it's too long, and just can't fit in the mobile version.

    Did you change the font size by any chance?

    Looking forward to hearing from you. 

  •  1
    Takahiro replied
    June 21, 2021 at 12:58pm

    Hi Liza,

    Thank you for your reply!

    I didn't change font size. Can you?

  • [deleted] replied
    June 22, 2021 at 9:26pm

    Takahiro,

    Thank you for the clarification.

    To change the font size, please add this CSS to the booking page (with the font size that you are willing to have on your page):

    .amelia-app-booking input[type="text"], .am-modal.am-in-body input[type="text"], .amelia-app-booking input[type="email"], .am-modal.am-in-body input[type="email"], .amelia-app-booking input[type="tel"], .am-modal.am-in-body input[type="tel"], .amelia-app-booking input[type="url"], .am-modal.am-in-body input[type="url"], .amelia-app-booking textarea, .am-modal.am-in-body textarea, .amelia-app-booking select, .am-modal.am-in-body select, .amelia-app-booking .form-control, .am-modal.am-in-body .form-control, .amelia-app-booking .am-stripe-card, .am-modal.am-in-body .am-stripe-card,
    
.amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a {font-size:16px;}

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

    Not sure if that can help but since Japanese characters are quite big, making them smaller might work.

    Best Regards. 

  •  1
    Takahiro replied
    June 23, 2021 at 4:21am

    Hi Liza,

    Thank you for creating code but it didn't work.

    Thank you.

  • [deleted] replied
    June 23, 2021 at 9:33pm

    Takahiro,

    I'm sorry it didn't work.

    It didn't change the font size or didn't receive the issue?

    If it didn't change the font size, then please provide me with the URL to the booking page. Maybe it can be fixed with some modification since you have Japanese symbols and not the Latin alphabet on your site.

    Looking forward to hearing from you. 

  •   Takahiro replied privately
  •   [deleted] replied privately