Text Block Shortcode

Updated on January 11, 2018

Text Block is one of the shortcodes available in The Ken theme which you can take advantage of. It allows you to add a simple Text Block with some options.

Ken Text Block Demo

In this article, we will explain how to display the Text Block shortcode and configure the settings.


Displaying a Text Block

To add the Text Block shortcode to a page or post, follow the steps below:

1Add or edit an existing page.
2In the Visual Composer section, click on the + button.

3In the Add Element pop-up screen, search for Text Block and click on it to be added to the page.

4When the shortcode is added, a new pop-up screen called Text Block Settings will open. Configure the settings as required.

5Click on Save Changes and publish or update the page to check the result.

Configuring the Text Block Settings

After you add the shortcode, a pop-up window will appear which you can set options for this shortcode that you can set to fine tune your shortcode and add it to the page. Followed is a detailed description of each option for Text Block shortcode:

Setting Description

Text Use this option to add your desired text for the shortcode. The default WordPress editor will be available for you to do more detailed styling.
Tablet & Mobile Align. Use this option to set the alignment of the text for tablets and mobile devices. Available options are Left, Center and Right.

Viewport Animation

Viewport animation will be triggered when this element is being viewed when you scroll page down. you only need to choose the animation style from this option. please note that this only works in modern web browsers. We have disabled this feature in touch devices to increase browsing speed. Available options are:

  1. Fade In
  2. Scale Up
  3. Scale Down
  4. Right to Left
  5. Left to Right
  6. Top to Botton
  7. Bottom to Top
  8. Flip Horizontally
  9. Flip Vertically
  10. Rotate

Visibility For Devices

Use this option to hide this Text Block shortcode when viewed by devices with certain width. Available options are:

  1. All
  2. Hidden on Phones
  3. Hidden on Tablets
  4. Hidden on Desktops
  5. Visible on Phones
  6. Visible on Tablets
  7. Visible on Desktops

Extra Class Name

This is an option which is common among most of the shortcodes. If you wish to style particular content element differently, then use this field to add a class name and then refer to it in Custom CSS settings inside Theme Settings -> Custom CSS.

Did this answer your question?