Phlox Code

WordPress restricts the use of?codes between the content. Phlox solves this with one of the widgets named Code Widget. This widget?allows you to insert codes between your content?and supports following languages:

1. JavaScript
2. HTML
3. XML

You?can also specify different styles for your code element.

Follow the below steps?to add a?Code Widget between your content:

1. Go to your WordPress Admin Panel
2. Click the Pages?on the Dashboard
3. Click the Add New
4. Navigate to the top right hand of the WordPress editor and find Page Builder, beside text tab
5. Click?the?Add Widget
6. Click the?Phlox?and choose?[Phlox]?Code Widget
7. Click the?Edit?on the right side of the widget on?Page Builder

Code Widget Options

Title

Adding a title to your widget is optional.

Code

In this field, you can write or copy your desired code.

Language

There are three available languages for this widget: JavaScript, HTML, XML

Theme

You can choose a style for the code box between various themes: Tomorrow, Dark, Far, Googlecode, Github, Monokai

Extra Class Name

By adding a class name of the style you have written in your CSS file, you can change the style of search widget.

Note: Here you can find the common?styles of widgets in Page Builder.