Classic Text Type with breaklines?

Hi there.
The question is in the title, could I insert a breakline in the text of my classic Text Type ?
the idea is the type a punchline and then the signature of the author.
Thanks !

Hi there,

You may have the text in the suffix field of the text type element below the prefix and string fields by adding some custom CSS.

First, please add a class to the text type element then add this code in the Global CSS.

.the-text-type .suffix {
    display: block;
}

The code above assumes that the class you have added to the element is the-text-type. Please change it if you are using a different one.


You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

Thank you @Jade.
However, is it possible to have that last text to be shown on a diffrent line, to appear after or with the typing effect ?

Hi again,

Try replacing the previous code with the following code::

.the-text-type .suffix, .the-text-type .prefix {
    display: block;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!

Thank you @Nabeel.
My question was to show typing effect text on 2 different lines, because I can’t insert breaklines in my text, can I?

Hi there,

Sorry for misunderstanding, regretfully you cannot add a break-line in your typing text effect but you can add two Text Type elements and remove Prefix and Suffix from both so you have only strings, this way you’ll have the similar output.

Cheers!

Thank you @Nabeel !
With 2 different Text Type elements is they will show at the sme moment while I want to type first one and then the second one.

Hey @Pat,

Regretfully, the Classic Text Type element was not designed to achieve the effect your after. You will need to find a different solution or hire a third party developer to build a custom function for you.

Thank you for understanding.

Thank you @christian_y!

Hi @Pat,

Feel free to let us know how it goes.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.