17

How to Center Your WPCodeBox Editor: A Step-by-Step Guide

Powered by WPCodeBox

Optimize your WPCodeBox workflow with this snippet that centers the editor, positions the file tree on the right, and displays snippet details on the left. Simply download and activate in the “Admin Area” for a streamlined coding experience.


<?php 
/**
 *   WPCodeBox Editor in the Middle layout v1.0.0
 *   Download the snippet and set it to run in the "Admin Area"
 */
 
add_action('admin_head', function(){
    
    if( isset( $_GET['page'] ) && $_GET['page'] === 'wpcb_menu_page_php') {
    
        echo <<<EOD
        <style type="text/css">
        .toplevel_page_wpcb_menu_page_php .list-container,
        .tools_page_wpcb_menu_page_php .list-container
        {
            order: 10;
            margin-right: 15px;
        }
        </style>
EOD;
}
});

Other Snippets

WPCodeBox is a WordPress Code Snippets Manager that allows you to share your WordPress Code Snippets across your sites.