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 #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