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

\"code-widget-preview\"<\/a>WordPress restricts the use of?codes between the content. Phlox solves this with one of the widgets named Code Widget<\/strong>. This widget?allows you to insert codes between your content?and supports following languages:<\/p>\n

    \n
  1. JavaScript<\/li>\n
  2. HTML<\/li>\n
  3. XML<\/li>\n<\/ol>\n

    You?can also specify different styles for your code element.<\/p>\n

    Follow the below steps?to add a?Code Widget<\/strong> between your 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]?Code Widget<\/strong><\/li>\n
    7. Click the?Edit?<\/strong>on the right side of the widget on?Page Builder<\/strong><\/li>\n<\/ol>\n
      \n

      \"code-widget\"Code Widget Options<\/h3>\n

      Title<\/h4>\n

      Adding a title to your widget is optional.<\/p>\n

      Code<\/h4>\n

      In this field, you can write or copy your desired code.<\/p>\n

      Language<\/h4>\n

      There are three available languages for this widget: JavaScript, HTML, XML<\/p>\n

      Theme<\/h4>\n

      You can choose a style for the code box between various themes: Tomorrow, Dark, Far, Googlecode, Github, Monokai<\/p>\n

      Extra Class Name<\/h4>\n

      By adding a class name of the style you have written in your CSS file, you can change the style of search widget.<\/p>\n

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