{"title":"Phlox Dropcap","id":37260,"link":"https:\/\/env.averta.net\/en\/step\/phlox-dropcap\/","parent":[37224],"content":"

\"dropcap-settings\"By adding a?Dropcap Widget?<\/strong>to your content, you can capitalize the very first letter of the text in different styles. You can simply add the widget, copy and paste your content.<\/p>\n

Follow the below step to use Dropcap Widget<\/strong> in your posts and pages 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?[Phlox]?Dropcap<\/strong><\/li>\n
  7. Click the?Edit?<\/strong>on the right side of the widget on?Page Builder<\/strong><\/li>\n<\/ol>\n
    \n

    Dropcap Options<\/h3>\n

    Dropcap Style<\/h4>\n

    Here are the various styles of dropcap:<\/p>\n\n\n\n\n\n\n\n\n\n
    ?Dropcap style icon<\/th>\n?dropcap style preview<\/th>\n<\/tr>\n
    ?\"classic-dropcap\"
    \nClassic Dropcap<\/td>\n    		\"dropcap-pr\"<\/td>\n<\/tr>\n
    ?\"square-dropcap\"Square Dropcap<\/td>\n\"dropcap-pr\"<\/td>\n<\/tr>\n
    ?\"outline-square-dropcap\"
    \nOutline Square Dropcap<\/td>\n    		\"dropcap-pr\"<\/td>\n<\/tr>\n
    ?\"round-square-dropcap\"
    \nRound Square Dropcap<\/td>\n    		\"dropcap-pr\"<\/td>\n<\/tr>\n
    ?\"circle-dropcap\"
    \nCircle Dropcap<\/td>\n    		\"dropcap-pr\"<\/td>\n<\/tr>\n
    ?\"outline-circle-dropcap\"
    \nOutline Circle Dropcap<\/td>\n    		\"dropcap-pr\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Content<\/h4>\n

    You can type your text in the content box or easily copy and paste the text that you want to capitalize its first letter of the first word.<\/p>\n

    Extra Class Name<\/h4>\n

    This option allows you?to have your customized. To customize the widget style, you should write the style on?your CSS file. After that, you can add the class name of that style in this field.<\/p>\n

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