• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

Phlox Code


code-widget-previewWordPress 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-widgetCode 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.

Was this information helpful?

Submit
Wizard Home
Related articles list
Create New Support Ticket
Copyright © 2017 Averta. All rights reserved.