how to have vertical text in thrive architect

How to have vertical text in Thrive Architect

Having vertical text is not an in-built feature in Thrive Architect. But it is very easy to have vertical text in Thrive Architect using a simple line of CSS and making use of the concept of class.

Nowadays vertical is very trendy in web design. You can create the vertical text on photoshop and add it to your page as an image. That is all fine, but when you need to change the text, then you will need to make the image again and  add it again to your page.

Watch the video below and use the CSS and class name provided below to have vertical text in Thrive.

class: vertical

/*CSS codes*/

.vertical{transform: rotate(90deg);}

After you have made the text vertical using the CSS code above. Use the concept of “Absolute Positioning” to move the text into the right place.

If you do not have any idea of how to use CSS, then do not worry, simply follow along as shown in the video and use the CSS codes I have provided above. Copy and paste the CSS code in the Thrive Architect page, just go to advanced setting and custom CSS. Then add the class name to the text which you want to make vertical under HTML attributes. All the steps are shown in the video above in full detail, please have a look.

You can make the rotate angle to -90deg, so that the text reads from bottom to top instead of top to bottom. It purely depends on your preference.

Recommended WordPress ResourceBenefits of using it
WP EngineReliable WordPress hosting. Super fast, regular automatic backups, built in CDN for faster content delivery, top notch security and more!
WP RocketA magical WordPress plugin which will reduce the load time of your website to less than a second. It is an all in one speed optimization tool. It will also improve your Google Page Insights score. As the pages load quicker you website bounce rate will decrease, average page on time will increase. Eventually you will get more traffic.
Ithemes Security ProIt is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through brute force attack. It can also scan your website and remove malware.
Getty ImagesGet premium stock images from here. Using high quality and premium stock images on your site will make your site look professional. Visitors will be impressed and quickly turn into paying customers.
WP FormsOne of the most popular WordPress form plugin ever. Easily build advanced contact, payment, donation, survey and newsletter forms with zero coding. Embed your forms on posts/pages using a shortcode. Built in recaptcha to prevent spams. The information of people submitting the form will be stored as leads directly on the website.
NamecheapBuy any type of domain name at a very low price. The renewal rates are also reasonable. I use namecheap domain names on all of my websites.
Coming Soon and Maintenance ModeUsing this plugin you can easily turn on coming soon or maintenance mode on your website. There are several beautiful ready made templates you can use right away.
Element PackThis is a useful Elementor addon plugin which adds around 60 addon elements to your Elementor page builder. Useful elements such as instagram gallery, table, document viewer, iframe and much more.
ThemeforestBuy any type of beautiful WordPress theme from here such as blogging, WooCommerce, Real Estate etc. Ability to import any demo site. Chose any type of page builder such as Elementor, WP Bakery, Muffin builder etc.

India $1295