Skip to main content

Text

After Turning on Blocks from Grigora's Kit Dashboard.

We can use Text Block in Site Editor/Blog/Page from Toggle Block Inserter.

Insert Text from listed Blocks.

Once Text is inserted, select the Text.

After selecting Text , Go to block settings, in block settings we see Geenral, Styles and Advanced of settings and we'll be exploring them one by one.

General

Tag : In tag we can use text as h1, h2, h3, h4, h5, h6, p, span, and div which ever we select.

Columns : Columns classifies text into column by dragging slider back and forth.

  • Minimum Value 1
  • Maximum Value 10
  • Default Value 1

Columns Gap : Columns Gap adds space between columns by dragging slider back and forth.

  • Minimum Value 1
  • Maximum Value 100
  • Default Value 1

Styles

Color

(Colors can be applied normal and On-hover)

Text: Text changes color of text in button. We get two options to choose colors i.e. ColorPicker and Color Palette.

Background: Background changes Background color of button and we get two options to choose colors i.e. ColorPicker and Color Palette.

Gradient: Gradient background can be added to the background by toggling on gradient button. Multiple control points can be added and also we can set its type i.e. linear(angle can also be defined) or radial.

Typography

Size : Size changes button font size by Dragging Slider Back and Forth.

  • Minimum Value 0px
  • Maximum Value 100px
  • Default Value 16px

Line Height : Line Height adds the space between lines by Dragging Slider Back and Forth.

  • Minimum Value 10px
  • Maximum Value 300px
  • Default Value 10px

Letter Spacing : Letter Spacing adds the space between letters by Dragging Slider Back and Forth.

  • Minimum Value 0px
  • Maximum Value 150px
  • Default Value 0px

Word Spacing : Word Spacing adds the space between words by Dragging Slider Back and Forth.

  • Minimum Value 0px
  • Maximum Value 150px
  • Default Value 0px

Transform : Transform font to Uppercase (All Letters Capital), Lowercase (All letters small) and Capitalize (First letter of word is capital).

Style : Text can be styled in a variety of ways here.

Decoration : Text decoration applies decoration to text like Overline(Adds line above text), Line Through(Adds line through text), Underline(Adds line Below text), Underline OverLine(Adds line Above and Below text).

Weight : Weight adds text weights ranging from 100 to 900.

Font Family : Google fonts can be applied to buttons text.

(Note: We can reset the modified value to default by clicking reset button.)

Advanced

Layout

Padding : Padding can be applied to text, by clicking on unlink padding can be applied to specific sides , only numbers can be entered and has pixel as unit.

Margin : Margin can be applied to text, by clicking on unlink margin can be applied to specific sides, only numbers can be entered and has pixel as unit.

On Scroll Animations

Animation : On Scroll Animations can be set here from listed animations with Delay(using text box) and Transition Time(Using range slider)

  • Minimum Value 0 sec
  • Maximum Value 5 sec
  • Default Value 1 sec

Text Shadow

(Text Shadow can be applied normal and On-hover)

Color :In text shadow we can change Text Color using Color Picker or Color Palette.

Blur : Text shadow can be blurred with Blur effect. Value entered uses pixels as its unit.

Horizontal : Text shadow can be applied Horizontally. Value entered uses pixels as its unit.

Vertical : Text shadow can be applied Vertically. Value entered uses pixels as its unit.