I am using a slider with text box on it, having an orange background color.
Unfortunately on mobile phone the background of the textbox stops whereas the text moves further. Therefore parts of the text is not on the set background color anymore.
Also when activation word-wrapping the word wrap, but the size of the text box where the background color is set does not change.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.
I would like to confirm that we have received your message. Due to the nature of the issue you are experiencing, I will have to contact and consult with the development team first. I will get back to you as soon as I can.
We appreciate your patience while we're working towards your ticket.
You can use any Google Font, including Montserrat. You can load additional fonts to the plugin in the WP sidebar -> Options -> Google Fonts section.
Regarding the original problem. We've discovered an error in the latest release that is related to the minimum mobile font size and could cause this kind of issue in certain cases. We are going to fix it in the upcoming releases.
In the meantime you can work around this by using min-width / min-height values for the layers. You can add min-width: 270px; and min-height: 19px; to the Custom CSS field of the layer to solve the misalignment. But this value might need to be changed depending on the font you use.
Thank you for your understanding and sorry for any inconvenience.
Hi there,
I am using a slider with text box on it, having an orange background color.
Unfortunately on mobile phone the background of the textbox stops whereas the text moves further. Therefore parts of the text is not on the set background color anymore.
Also when activation word-wrapping the word wrap, but the size of the text box where the background color is set does not change.
Could you please support on this?
Thanks in advance!
Hello emanju,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.
I would like to confirm that we have received your message. Due to the nature of the issue you are experiencing, I will have to contact and consult with the development team first. I will get back to you as soon as I can.
We appreciate your patience while we're working towards your ticket.
Hello again,
You will also need to set Font Family for the layer in the Styles tab. This will adjust the problem.
Hi Attila,
unfortunately it did not solve the problem.
I set the font family to Arial and still have the sam issue.
Also this would mean that I cannot use my font "Montserat" since I am not able to select this.
But anyways, it did not fix the bug with Arial or Helvetica either.
Thank you for the feedback. My colleagues and I will look into this further to see if we can find anything else, and get back to you shortly.
You can use any Google Font, including Montserrat. You can load additional fonts to the plugin in the WP sidebar -> Options -> Google Fonts section.
Regarding the original problem. We've discovered an error in the latest release that is related to the minimum mobile font size and could cause this kind of issue in certain cases. We are going to fix it in the upcoming releases.
In the meantime you can work around this by using min-width / min-height values for the layers. You can add min-width: 270px; and min-height: 19px; to the Custom CSS field of the layer to solve the misalignment. But this value might need to be changed depending on the font you use.
Thank you for your understanding and sorry for any inconvenience.
Hi Attila,
thanks for you reply!
Can you give me a date or a rough time line for the upcoming release?
The dev team is still working on the new update, but it should be ready to release soon.