Hi, great tutorial. What can you do if you would like vertical text but wit the text in normal view, i.e. make the text upright (not rotated on its side)
I see.. you can try with Elementor's new rotate option. Maybe it'll work. When I make this video then the Transform > Rotate option was not in Elementor. That's why I used custom CSS
@@franktielemans6624 Yes, actually that's not a part of vertical text. But, when you make the text vertical in most of the case it overlaps with your other content. That's why I made the absolute position.
![[SUPER SMOOTH] How to Add Animated Icons in WordPress using Elementor | Elementor Tips and Tricks](/img/1.gif)
It didn't work at first but I went to your link ( Get code snippets of Vertical Text: ) copied and pasted then worked right after. Thank you so much!
You're welcome!
Hi, great tutorial. What can you do if you would like vertical text but wit the text in normal view, i.e. make the text upright (not rotated on its side)
Nicely Done! Thank you for some good insight
Glad you enjoyed it!
This solution is ok only for static text. If you want to add a date for example, it wil shift horizontally because the width changing.
I see.. you can try with Elementor's new rotate option. Maybe it'll work. When I make this video then the Transform > Rotate option was not in Elementor. That's why I used custom CSS
@@MakeDreamWebsite Yes, I did so, but when the content of the rotated block is dynamic it is hard to align top or bottom. I did not figured it out :)
love it,Excellent job .but last of the video your contact form how you add a picture??
Actually that picture is not inside the form. I have created an Elementor popup and inside that popup I have created an image box and a form.
@@MakeDreamWebsite you Make my day.Keep doing .Thanks
Excellent. Very helpful.
Thanks a lot 😇
You better use
writing-mode: vertical-lr;
transform: rotate(180deg);
OR
writing-mode: vertical-lr;
That will also work. But, I think you don't need to write "writing-mode: vertical-lr;" unnecessarily. As you still have to use transform.
@@MakeDreamWebsite yes, but you don't need absolute positioning.
@@franktielemans6624 Yes, actually that's not a part of vertical text. But, when you make the text vertical in most of the case it overlaps with your other content. That's why I made the absolute position.
Excellent content :)
You're welcome
For some reason my text gets stacked... Is there a way to fix it so once it's vertical it isn't stacked and just a single vertical line??
It doesn't work when I view in mobile - how can I make it vertical on mobile?
why does it not work on mobile view
👍👍👍👍👍👍👍👍👍👍👍👍
I dont have the poisitioning optioin
You can find it now at the beginning of the advanced tab
It's a shame that Elementor have removed the ability to add custom CSS in the free version.
They didn't remove it, it's actually not in free version from the beginning...