How do you make text responsive

I have made a simple text only animation which consists of three lines of text.
- Line 1 flies in from the left
- Then line 2 flies in from the right
- Then line 3 flies in from the left again.
The Animation is to occure once on page load so afterwards looks like a piece of typography on the page.
I have all settings  set to % that are possible but I can not get the text to scale down when Browser widths are reduced. All that happens is the width of the text boxes reduce which forces the lines of text to break up into multiple lines.
This image shows the three lines of text after they have moved into place.
This next image shows what happens when the stage width is reduced.
How can I scale the text down responsively to the size of the browser?
The only way I can think of is to replace real text with illustrator outlines. But ideally I want text.
Is this possible?

You can used css in edge. This is a work around for now.
sym.$('yourtext').css({'font-size': '2vmin'});

Similar Messages

  • Table Question:  How do you make text in cell rotate?

    Hi....
    I'm working with tables for the first time.  I'm doing a publicity schedule with a simple table. 
    On the top row.....  I put in cells with diagonal lines, so I could fit it many publication along the top row.  I got the diagonal lines in there.  But, when I'm typing the names of the publications (that should go along those diagonal lines), at about 45 degree angle, it just types straight text that fills the cell.  What am I doing wrong, or how do I achieve what I'm trying to do???

    http://indesignsecrets.com/diagonal-headings-in-indesign-tables.php
    Look at the second comment for another method that may well work best for your purposes.
    Take care, Mike

  • Can You Make Text Links Different Colours in DW Cs5?

    Hi everyone, in DW Cs5 how do you make text links on the same page different colours, I have some text links across the top of the page, these go with a certain colour scheme but some more on the page it's self these need to be a different colour.
    I have done this before by accident but unfortunately I have no longer got that file. Information for text in either html or css would be very helpful.
    Many thanks
    Gareth

    Change this:
    <style type="text/css">
    .def13grey4 {
         font-size: 14px;
         font-weight: bold;
         color: #333;
    .def14grey4 a {
         color: #333;
    </style>
    to this:
    <style type="text/css">
    .def14grey4 a:link{font-weight: bold; color: #333;}
    .def14grey4 a:visited{color: #999;}
    .def14grey4 a:hover,
    .def14grey4 a:active,
    .def14grey4 a:focus{color:#4488C3;} /**adjust colors to suit**/
    </style>
    Change this in the HTML:
    <td height="354" colspan="3" valign="top" bgcolor="#CCCCCC" class="def13grey4">
    <p>Black Shirts #002</p>
    </td>
    To this:
    <td height="354" colspan="3" valign="top" bgcolor="#CCCCCC">
    <p><a class="def14grey4 href="some-link.html">Black Shirts #002</a></p>
    </td>
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • How do you make an expanadble text box in a pdf form?

    How do you make a text box expand automatically in a pdf form?

    Hi;
    Is this a question related to FormsCentral or to PDF forms in general?  If it is for PDF forms you should ask in the Acrobat forms forums: http://forums.adobe.com/community/acrobat/forms
    If it is related to FormsCentral the text boxes do not expand automatically in a PDF, except for when saving a Response as a PDF form, when the responses from the View Responses tab are saved as a PDF form all Multi-line text fields are expanded to fit the text the user had entered.
    Thanks,
    Josh

  • How do you make superscripts and mathematics in Preview's text annotation?

    When adding text annotations that include scientific notations, how do you make superscripts, e.g. "3.2 × 10^{-23}"?
    Searching Help for 'superscript' turns up nothing, suggesting the command does not exist, as it does under Baseline etc. in iWork. Please tell me this is not the case! If it is, has the situation been improved in the new operating system?
    A related issue: I wish to include other mathematics -- is there a way to include mathematics similar to LaTeX? Might Preview incorporate using latex code in the future, so I can easily type "\exp{-\lambda t}" etc and have the math appear?
    I'm adding text annotations to PDF lecture notes in Preview, basically filling in blanks the instructor has left so students will pay attention in class, and these annotations include superscripts; I wish to format properly.
    Thank you!

    Once you have the circle shape displayed, long press on the border of the circle. Once it is highlighted, drag horizontally or vertically. This should allow you to distort the circle into an ellipse (or the square into a rectangle).
    Hope that helps,
    Frank
    Sketch Engineering

  • How do you make an image or text, appear on every slide?

    How do you make an image appear on every slide?

    What part did you not understand?
    As Andrew said, open the Keynote file, go to the View Menu>Show Master Slides
    This is what you should see on the left hand slide of the window. The Master slides are at the top and the check mark goes by the Master Slide that is referenced on which ever slide you have selected in the Slides pane.
    Add to the Master slide the image or text that you would like to see on the slides that are made off of that master. You can see in the Title & Bullets master slide, I added the shape in the lower left hand corner and it was added to all the slides build off that master.
    If this still isn't clear, let us know where you are getting stuck and we will try to help.

  • I am making a slideshow. How do you make a text slide?

    I am making a slideshow. How do you make a text slide? I have not found a tutorial.

    If you want to superimpose text on a slide: simply click on the text button on the tool bar
    If you want to have a blank slide with just text: create a black (or whatever colour you prefer) slide and use that behind the text.
    Regards
    TD

  • How do you make mobile numbers the default number used in your contacts for sending text?

    How do you make mobile numbers the default number used in your contacts for sending text?

    Go to your contacts, find the contact that you wish to text, hit 'edit', and move that contact's numbers around until the mobile number is at the top. Arduous I know, but it works. Now when you go to text that person, the mobile number should be the default.
    Best.

  • On a 5s how do you make the light turn off when phone rings or when you receive text, at work I would like to shut that off. Also seems like vibrate doesn't always work?

    On a 5s how do you make the light turn off when phone rings or when you receive text, at work I would like to shut that off. Also seems like vibrate doesn't always work? I had a 4s and didn't have these issues

    Thank you, I did find that. Still my phone does not always vibrate when ringer is off for texts and calls, only sometimes?

  • How do you edit text that is in a text box?

    How do you edit text that is in a text box?  I just want to change the font color of the text.  Solution in the Help files recommends selecting the text and then selecting Optional) To make further changes to the text box:
       Using the Select tool or the Text Box tool, click an edge of the text box to select it, and then drag a corner to resize it. Use the Properties toolbar to change the border and fill options.
       Double-click the text box to edit the text or change the text attributes. Drag across text to select it, and then select options from the Properties toolbar.
    This is what the help files recommend
    (Optional) To make further changes to the text box:
       Using the Select tool or the Text Box tool, click an edge of the text box to select it, and then drag a corner to resize it. Use the Properties toolbar to change the border and fill options.
       Double-click the text box to edit the text or change the text attributes. Drag across text to select it, and then select options from the Properties toolbar.
    When I try the above solution I don't have a  "Options" in the "Properties" toolbar.
    Why would they change a process that was so simple in previous editions to such a hidden awkward process?

    Try with a Brightness/Contrast adjustment layer and/or changing the blending mode.
    If the effect is too much for the rest of the bulb, you may be able to mask it out.
    It would help if you post a representative picture here on the forum page for us to look at.

  • How do you make a 3d octagon in photoshop cs4 extended?

    How do you make a 3d octagon in photoshop cs4 extended that you can map artwork to? I've been searched online for a solution that doesn't involve using a 3D program but can't find anything. Can't you extrude a shape like in Illustrator, or exporta true 3D shape from Illustrator that will work? I'd use Illustrator but the mapping thing is finicky, and doesn't alow wrapping images around angles. (now someones going to say: "Don't mention any other programs in a PHotoshop forum!" Yeah yeah, there should be a forum then about using different Adobe programs together.) End of rant, any suggestions much appreciated.
    Thanks,
    Mike

    Thanks for your prompt response!
    Suggested Bridge Update
    It turns out that I got a message that this update had already been installed, which led me to more carefully look at the Bridge window and (finally) see that the Output module had a Quality dropdown: Full, 300 ppi, 150 ppi, 96 ppi and 72 ppi.  Thanks!  I decided to compare the CS4/Bridge results to those I got in CS2 with its convenient File/Automate/PDF Presentation/Multi-Page Document routine that I like.
    My project was an 8-page PDF made from scanned pages of handwritten notes into which some fairly small type had been insert using the Photoshop CS2 Type tool.  In Photoshop CS2, I had settled on "medium quality" JPEG compression as giving a "reasonable" file size (about 7 MB) and "very good/excellent" image quality.  I experimented with making the PDF in Bridge, using all five Quality levels.  See table below.  The Bridge "good minus" file was about the same size as the file produced in CS2, which I judged to be "very good/excellent" and slightly better visually than the 300-ppi, 23.5-MB Bridge file.
    Bridge Quality:
    Full
    300 ppi
    150 ppi
    96 ppi
    72 ppi
    File Size:
    25.2 MB
    23.5 MB
    7.6 MB
    3.2 MB
    2.1 MB
    Subjective Quality:
    Very good
    Very good
    Good minus
    Poor
    Useless
    I appreciate that you may not be all that interested in these observations, but it seems to me that Adobe has done us no favors in the multi-page PDF department in going from CS2 to CS4!
    Install the Old Contact Sheet/Picture Package Plug-Ins
    I had already done this some time ago, in order to get in CS4 the File/Automate/Contact Sheet II feature I liked in CS2.  It does not appear to me that this plug-in has anything to do with make multi-page PDF's.  Perhaps I'm missing something.
    Again, thanks for your response!

  • How do you make adobe X open the "combine pdf" window in the foreground?

    This may not be the correct forum for this question, but considering that I simply
    have not been able to get a reply in any other Adobe forum, I decided
    to just post this question to ALL Adobe forums until I get a response.........
    How do you make adobe X open the "combine pdf" window in the foreground?
    I am using a "Windows 7" computer at work with "Acrobat X Pro" and I'm constantly combining
    pdf's and tiff's in Acrobat.
    It would be nice if when I select 30 or 40 files to combine, the *******
    "Combine Supported Files in Adobe Acrobat" window would open in the
    foreground, not behind the 10 or so windows already open.
    I have been researching this for some time now with no solution.
    If the answer is that "IT CAN'T BE DONE", then that's fine. At least
    I will have an answer and can stop searching. If (as I suspect) it can
    be done, then kindly supply me with "step by step" instructions.
    Michael Jones

    Hi ,
    I guess that was a bug in that version .
    It does not happen in Acrobat XI and Acrobat DC .The window comes right in front of everything else .
    I wonder that was a bug and that was fixed the other versions.
    You could upgrade to the latest Acrobat version ,i.e Acrobat DC and you would not experience this anymore .
    Regards
    Sukrit Dhingra

  • How do I make text vertical in a table

    How do I make text vertical within a table using pages '09?

    You need to type the text in a Textbox, turn off text wrap, rotate that 90° using the Metric Inspector then position it over the cells you want the text vertical.
    Peter

  • Newbie Question...  How do you make sure java can find all the imports

    Hi everyone,
    I am new to Java and so far I really like it. But I am having problems porting applets to my websites. How can you make sure that all the references can and will be found in the applet...
    for example,
    I import javax.media.ControllListener in a project I am using and it works great in the applet viewer but when I try to port this to my website I'm working on, java can't find it. I really would appreciate any help on this cause then I would have java power :) and will keep me from losing my hair :).
    Thanks for those who help me.
    - Stan

    Hey jwenting,
    Thanks for the quick response. Classpath definitely makes sense so I have been reading up on that... But do you include .classpath file in your website too? And how would you reference it if you need to reference it?
    - Stan

  • How can I make text follow a radius

    How can I make text follow a radius

    You can't do it in Pages. You will need something like Art Text.
    http://www.belightsoft.com/products/arttext/overview.php
    Walt

Maybe you are looking for