{"title":"Phlox Text Element","id":37307,"link":"https:\/\/env.averta.net\/en\/step\/phlox-text-element\/","parent":[37224],"content":"

\"text-widget\"Phlox Text Element?<\/strong>allows you to represent your content better than before.
\nYou can add things together with the help of this element of Page Builder. This element can include a title, text, an image or icon, and even the combination of them. There are many ways to use the text element. Depends on the content, you are able to add as many text elements as you want.<\/p>\n

Follow below steps to add Phlox Text Element <\/strong>in your post or page content:<\/p>\n

    \n
  1. Go to your WordPress Admin Panel<\/strong><\/li>\n
  2. Click the Pages?<\/b>on the Dashboard<\/b><\/li>\n
  3. Click the Add New<\/b><\/li>\n
  4. Navigate to the top right hand of the WordPress editor and find Page Builder<\/a><\/strong>, beside text tab<\/li>\n
  5. Click?the?Add Widget<\/strong><\/li>\n
  6. Click the?Phlox?<\/strong>and choose?Text<\/strong><\/li>\n
  7. Click the?Edit?<\/strong>on the right side of the widget on?Page Builder<\/strong><\/li>\n<\/ol>\n

    Recommended: <\/strong>To see the demos of?Text Element<\/strong>, check out this link<\/a>.<\/p>\n

    \n

    Text Element Features<\/h3>\n

    Title\"\"<\/a><\/h4>\n

    Adding a title for your text element is optional.<\/p>\n

    Subtitle<\/h4>\n

    The subtitle is the second title which appears below the title and it is optional, too.<\/p>\n

    Title Link<\/h4>\n

    Your title can be linked to another website. Copy the URL of your desired website in this field.<\/p>\n

    Wrapper Style<\/h4>\n

    Wrapper styles can be Simple, Outlined, and Boxed.<\/p>\n

    Text Align<\/h4>\n

    There are three text alignment for the text: Left, Center, Right<\/p>\n

    Text Color Scheme<\/h4>\n

    You can choose two different text color schemes: Light and Dark<\/p>\n

    Wrapper Background Type<\/h4>\n

    Wrapper background can be either Single Color or Background Image.<\/p>\n

    \"\"<\/a><\/p>\n

    By choosing Background Image for the wrapper, you can add an image and display it as Cover, Tiled Image, Centered (with original size), and Fixed.<\/p>\n

    This background image can have an overlay color, too.<\/p>\n

    Wrapper Background Color<\/h4>\n

    Here you are able to choose a background color for the wrapper of the text element.<\/p>\n

    Header Background Type<\/h4>\n

    Like wrapper background, header background can be a Single Color or Background Image.<\/p>\n

    The background image can be display as Cover, Tiled Image, Centered (with original size), and Fixed.<\/p>\n

    Display Icon or Image<\/h4>\n

    You are able to add icon or image to your text. Also, it is possible to use both of them at the same time.<\/p>\n

    – Icon<\/h4>\n

    Either you choose icon or image, you will see this section. You can choose an icon from almost 1000 available icons.<\/p>\n

      \n
    • The below options will appear, when you select?Display Icon<\/strong>:<\/li>\n<\/ul>\n

      1. Icon Color<\/h4>\n

      The color of the icon is changeable.<\/p>\n

      2. Icon Size<\/h4>\n

      You can specify the Icon size. It can be Small, Medium, Large, X-Large.<\/p>\n

      3. Icon Background Color<\/h4>\n

      You can choose a background color for the icon.<\/p>\n

      4. Icon Outline Color<\/h4>\n

      The border around the icon can be colorful.<\/p>\n

      5. Icon Background Shape<\/h4>\n

      The icon can be displayed in different shapes. Available shapes are: Circle, Semi-circle, Round Rectangle, Cross Rectangle, Rectangle<\/p>\n

       <\/p>\n

      – Image<\/h4>\n

      You can use an image instead of icon, or use both of them, but when you select image, you are not able to see the five above mentioned options ?(icon color, icon size, icon background shape, icon background color, and icon outline color.)<\/p>\n

      After selecting image, you will see the below options:<\/p>\n

      \"\"<\/p>\n

      With Add Image?<\/strong>you are able to upload an image or select one from your media library.<\/p>\n

      Image Size<\/h4>\n

      You can display image in whatever size you want: Original Size, Large, Medium, Thumbnail<\/p>\n

      Image or Icon Position<\/h4>\n

      The image or icon can be at the top, left, or right side of the text.<\/p>\n

      Fill Background Color<\/h4>\n

      This option will apply a background color for the icon.<\/p>\n

      \"\"<\/p>\n

      Display Button<\/h4>\n

      To add a button to the text block, enable Display button. Then, the below options will appear:<\/p>\n

      Button Label<\/h4>\n

      Give your button a label in this section.<\/p>\n

      Button Size<\/h4>\n

      Here you can set the size of button. You can pick from Exlarge, Large, Medium, Small, Tiny<\/p>\n

      \"exlarge\"?\"large\"?\"medium\"?\"small\"?\"tiny\"<\/p>\n

      Button Shape Style<\/h4>\n

      There are three available shapes for the button.?Box, Round, Curve<\/p>\n

      \"box\"?\"round\"?\"\"<\/p>\n

      Button Style<\/h4>\n

      Make your button even more stylish with three different styles: Normal, 3D, Outline<\/p>\n

      \"normal\"?\"3d\"?\"outline\"<\/p>\n

      Uppercase Label<\/h4>\n

      This option can be used to make the label of button appear in all-uppercase.<\/p>\n

      Darken the Label<\/h4>\n

      In the case of a light colored button, like white, you can switch on this option to darken the label of button.<\/p>\n

      Icon for Button<\/h4>\n

      You can choose an icon from almost 1000 available icons. for your text.<\/p>\n

      Icon Alignment<\/h4>\n

      You are able to align the button icon to:<\/p>\n\n\n\n\n\n\n\n\n
      ?Icon Alignment<\/th>\n?Icon Alignment Preview<\/th>\n<\/tr>\n
      ?Left<\/td>\n?\"left-icon\"<\/td>\n<\/tr>\n
      ?Right<\/td>\n?\"right-icon\"<\/td>\n<\/tr>\n
      ?Over<\/td>\n?\"animate-over\"<\/td>\n<\/tr>\n
      ?Animate from Left<\/td>\n?\"animate-left\"<\/td>\n<\/tr>\n
      ?Animate from Right<\/td>\n?\"animate-right\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      Color of Button<\/h4>\n

      This option specifies the color of the button.<\/p>\n

      Link<\/h4>\n

      If you want to link your button to another page, you can write the URL in this field.<\/p>\n

      Open Link in<\/h4>\n

      You can either open the link in the current page or in the new page.<\/p>\n

      Recommended: <\/strong>To see the buttons demos, check out this link<\/a>.<\/p>\n

      Note: <\/strong>Here<\/a> you can find the common?styles of widgets in Page Builder.<\/p>\n

      Content<\/h4>\n

      Add your text content in this field.<\/p>\n

      ?Footer Shape<\/h4>\n

      The bottom of the text block, can have different shapes:<\/p>\n