How to Use the Text Path Widget

Подписаться 345 тыс.

Просмотров 29 тыс.

50% 1

👋🏼 Help us improve by answering this short survey: elemn.to/survey...
In this tutorial we will learn how to create, customize, and style text paths in Elementor.
This tutorial will cover:
✔︎ The various types of text paths
✔︎ How to add your own custom SVG path
✔︎ How to style the text and path
✔︎ How to add a motion effect to the text path widget
✔︎ And much more!
Don’t forget to subscribe to our channel!
Get Elementor: elementor.com
Get Elementor Pro: elementor.com/pro

Опубликовано:

13 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@AnthonyGodinho 3 года назад

Very useful and cool features. I love how the Elementor team continues to improve the page builder and regularly introduce new features. Thanks Elementor!

@juanmajr10 3 года назад

It doesn't work somehow, it cuts the words, any sugestion why's that?

@designbyodo 3 года назад

Elementor is always ahead of time. Great work team. thank you

@muttifragt5588 3 года назад

I love it! Thanks Elementor Team!

@Justtellmetheanswer6910 3 года назад

Thanks Elementor. Can you put an image in the centre of the circle that also either stays still or rotates with the text? That would be awesome. Cheers from 🇬🇧

@garyschwartz6593 3 года назад

I have the same request!

@Elementor 3 года назад

Yes, you can use custom positioning and the Z index to achieve this effect. Check out this video and docs for more on these topics: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vJ851SD-6u0.html elementor.com/help/how-to-set-absolute-position-for-an-element elementor.com/help/how-to-use-z-index-in-elementor

@simo_montru 3 года назад

Hi @elementor at min 6:22 is very nice that kind of fullscreen menu creating using text paths But even if the hover color can be changed easily, how to set the active color when we are on the page linked? (as can be done in simple menus)

@digwillhachi 3 года назад

this is a really great new feature. good to see you also allowed custom paths.

@Elementor 3 года назад

Do you have plans to use it in a project?

@digwillhachi 3 года назад

@@Elementor yes I can imagine I would use this feature in most projects somewhere. It allows for a lot of creative design opportunities.

@karladupler4946 2 года назад

Pretty cool! But I wish the starting point could be different for any kind of screen size.

@halosrusty 3 года назад

my text gets cut off half way through

@ashleytan2574 2 года назад

Useful and awesome tutorial. I chose a circle text path, and applied rotate motion effect and fix position, then I found my rotating text path is moving left and right a bit when scrolling the page. It's very obvious then I put a logo in the circle. Could you please advise a solution?

@ekaterinablinova6421 3 года назад

Awesome! Thanks to the team!

@romano5785 4 месяца назад

How to add H1 tags to text path widgets?

@michellepham241 3 года назад

Hello! I have a question.. how can I flip the position of the text inwards of the circle? I want to put the text around the circled image, but don't want the text to be upside down. Thanks in advance!

@ohzoe 3 года назад

Wish you could have the text move along a path, ie the wave.

@Elementor 3 года назад

Great idea! Please add it to GitHub so our Devs will see itelemn.to/GitHubelementor.com/help/send-your-feature-request

@LindaBarnes-qe9mw Год назад

how can you adjust the size of the content box some the text and size fits?

@Elementor Год назад

Hi Linda, in the Style tab, you can change the Text Path size as well as the Typography size.

@weareblckrd 2 года назад

For some reason the scrolling effect does not appear as an option in motion effects

@dovivausk 3 года назад

Very great! I must to try it just now!

@andreiof5 2 года назад

How to insert a imagem inside It?

@meta0168 3 года назад

Nice feature😍

@kaorisha 2 года назад

How to make that menu? Pretty please! :-)

@Elementor 2 года назад

Hi Kaori, *watch this video* tutorial to create a similar menu: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ro8S69VE7Bk.html.

@martinhermann 3 года назад

Pretty cool!

@manuelortiz3529 10 месяцев назад

el plugin no se muestra bien, se corta en algunas áreas, alguien sabe por qué?

@Elementor 10 месяцев назад

@manuelortiz3529 in the Style tab, try changing the Text Path Size and / or the Font size.

@manuelortiz3529 10 месяцев назад

@@Elementor ya lo hice, pero aún así no se muestra. Cargué dos imágenes a un drive para que ver el error: drive.google.com/drive/folders/1Gy7MWI4kax63GV5efEXbNAUhOP_xEeXa?usp=sharing

@Elementor 9 месяцев назад

@manuelortiz3529, if you are still having trouble, please contact support at my.elementor.com

@shridharb3320 3 года назад

It's awesome one, I like this

@JacksonPathilchirayil 3 года назад

Hey, Where to get those custom SVG path files? Do you recommend any websites to get those?

@Elementor 3 года назад

Hi Jackson, you can create your own SVG files using Adobe Illustrator or other vector based software. Otherwise, there are many free and paid downloads available online. Be sure to download from a reputable site!

@vibegrl1791 3 года назад

When I insert the T.P widget - part of the letter is cut off on top. how to fix it?

@Elementor 3 года назад

Hi Vibe Grl, it's difficult to say without seeing a screenshot and your settings. I recommend posting your question in the Elementor Community Facebook group. You'll be able to share screenshots and more information about this issue and get great advice from other web creators: facebook.com/groups/Elementors/permalink/3707554449370314