Add Icon to Text Block

Description

adding icons to Text Block
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. First you can add a Text Block then add text icon like this

or like this.

#1.2. Highlight text “Icon” > Click Link icon > Choose File > Upload your desired icon

#1.3. Hover on Page where you use Text Block > Click Gear icon

Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1.

<!-- 06.26c10v5 Add icons to Text Block -->
<script>
  var ICON_CONFIG = {
    iconSize: 50,
    alignment: "center",
    selector: "#page section h1, #page section h2, #page section h3, #page section h4"
  };
</script>
<script src="https://code.beaverhero.com/textblock/0626c10v5icontotextblock.js">
</script>

#2. Customize

#2.1. To change Icon size, change Line 04

iconSize: 50,

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Block under Text

Choose Markdown

Add this code into Markdown

<script>
  var ICON_CONFIG = {
    iconSize: 50,
    alignment: "center",
    selector: "#page section h1, #page section h2, #page section h3, #page section h4"
  };
</script>
<script src="https://code.beaverhero.com/textblock/0626c10v5icontotextblock.js">
</script>