Scaling Text
Author: P. S
Visited 1816,
Followers 1,
Shared 0
Hello,
How do i scale text? If i add a text object on a complete row, then add a large single word text (Say >50px), when i view at mobile size (320) the text word will be cropped.
How can i make the text reduce in font size as the resolution decreases?
Thanks
Posted on the
Hello P.S.,
As far as I am aware this can't be done natively within WebSite X5.
However, you could do it using HTML/CSS which could be inserted (for example) using either the HTML Object, or the 'Enable HTML Code' feature within the Text Object.
Enable HTML Code
With this command, you can enter HTML code directly in the text page. When working in HTML mode, the < and > characters are not interpreted as "less than" and "greater than", but instead anything that is between them is interpreted as an HTML tag.
See this article for instructions on how to form the code required:
https://www.w3schools.com/howto/howto_css_responsive_text.asp
Kind regards,
Paul
Search the WebSite X5 Help Center
Maybe these also help?
https://helpcenter.websitex5.com/en/post/192411
P.S
You may be able to make use of the title object (instead of text object) to place your text. This is responsive (scales automatically)
Author
Hello Esahc..
Thank you for this - simple method and does just what i needed.
Although, if the text in a text object can be made responsive by adding some code (as suggested by others), it's a shame the above setting could be applied to all text objects.
Thanks
PS