ProBeaver Weekly
Weekly for all things Beaver

Create tilt or slant text effect in Beaver Builder

Want to make normal text more fancy without resorting to image version of the text? Give “tilt” or “slant” effect to text using few lines of CSS for cooler looking text on your Beaver websites.

Preview of left and right tilt text effect

Tilt text effect in beaver builder

CSS to make tilt or slant text

1. Add the following CSS code in style.css of the child or CSS box on a specific (Tools > Layout CSS / Javascript).

2. Now open a new or existing page in the “Beaver Builder” mode. Then drag “Headline” module into your Beaver layout.

3. Type headline text and then go to “Advanced” tab. Now type class name tilt-text-left to make text slant or tilt to left side. Use class tilt-text-right for right direction tilt or slant.

tilt text effect css class

Quick, cool and simple – right?

Davinder Singh Kainth

About Davinder Singh Kainth

Davinder loves creating and implementing online spaces. He has over a decade of experience reaching corners of: design, development, blogging and SEO. He also create products at SimpleProThemes(.com), WordPress learning at BasicWP(.com) & digital solutions at iGuiding(.com)

Leave a Comment





showcase-websites-front-1

Submit Beaver Builder built websites to feature in the "showcase" section on ProBeaver