Editor Tweaks

This module has several sub modules/features.

    Auto save

    This option lets you automatically save the current post (Template/Page etc.) being edited in the Oxygen editor at the specified interval.

    If Smart autosave is checked, autosave will wait until any keyboard and mouse activity ceases before automatically saving.

    Back To WP Additions

    Adds Templates and Pages menu items under “Back to WP” menu in the Oxygen editor.

    Components Panel

    Adds a panel of Oxygen components that appears when hovered along the top edge of the Oxygen editor.

    Oxy Toolbox Settings – under Editor Tweaks

    This makes it convenient to add most elements especially in quick succession. Ex.: Section having a Heading, Text and Columns.

    Hover or click to show the components panel
    Components panel – opened

    The components panel can also be set to appear on click instead of hover.

    Copy Selector

    Adds a copy button next to the element’s ID/class using which the ID or class can be copied to the clipboard with a single click.

    With the first “Copy Selector” box ticked, the selector will not have a prefix (# for an ID and . for a class).

    When the “with Prefix ..” box is ticked, # or . will be included in the copied selector at the front.

    Note: The video below is from an old version.

    CSS Tweaks

    Adds the following CSS fixes in the editor:

    • removes the unneeded scrollbars and light gray background for range slider inputs, and vertically centers the color picker circle in Firefox.
    • vertically centers the close icon, increases the width of columns and adds a vertical scrollbar when necessary in the conditions dialog.
    • adds a vertical scrollbar when necessary in the dynamic data dialog.

    Currently Editing

    Adds the name of Template/Page currently being edited in the Oxygen editor.

    You go to the list of Oxygen Templates. You click on one. You click on Edit with Oxygen. You are mesmerized by the user friendliness of the Oxygen controls and go building your site visually while appreciating all the while how awesome the built-in Flexbox engine is. You have finished building a few Sections and then it strikes you “What am I editing exactly?”. Is it the Main Template or is it the Page Template or something else?

    This option adds the name of current Template or Page or any other kind of entry that is currently being edited to the left of Structure button in Oxygen’s editor interface.

    Disable Oxygen Composite Elements

    When ticked this option disables official Oxygen’s Composite Elements Library from loading in the Oxygen editor. Details: https://www.facebook.com/groups/wpdevdesign/permalink/3090682121034715/.

    Highlight Active Options

    Improves the contrast of dotted border around active/selected interface elements in the Oxygen editor.

    Before
    After

    Open Back To WP Menu Links In New Tabs

    Makes links under Back to WP Menu like Admin and Frontend buttons to open in a new tab.

    Remove min-width and min-height for empty Divs

    Oxygen sets a minimum width and height of 80px each for Divs that are empty.

    There might be situations when you want to set a height of say 10px for a Div and this option enables you to see it as it should in the Oxygen editor similar to how it looks in the front end.

    Note: With this option enabled you might have to select the Div via the Structure panel to be able to add elements inside it.

    Wider Library Flyout Panel

    The library flyout panel is 300px by default.

    Before:

    This option doubles it i.e., changes the width to 600px.

    After:

    Top