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

Comments

  •  1
    Takahiro started the conversation

    Hi,

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

    Regards.

  • [deleted] replied

    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

    Hi Liza,

    Thank you for your reply!

    I didn't change font size. Can you?

  • [deleted] replied

    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

    Hi Liza,

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

    Thank you.

  • [deleted] replied

    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