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.

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