0

I'm creating learning system in WordPress and I have a lot of pages instead of post. Those pages needs to be in a custom menu with two sub items. It gets really confusing to add pages to the menus because the add to menu section is so tiny. Also some of the sub-pages doesn't show up indented.

Is there a way to make that bigger thru a plugin? To make it more uncluttered. Here's the view of my menu right now.

enter image description here

and sample of my menu structure

enter image description here

1

Add this to functions.php, or put the CSS into a css file which is loaded in the admin screen. This will let the box become resizable, so you can make it taller and see more pages/checkboxes at once.

function wp191833_resize_menu_list() {
    ?>
    <style type="text/css">
    #wpwrap .categorydiv div.tabs-panel,
    #wpwrap .customlinkdiv div.tabs-panel,
    #wpwrap .posttypediv div.tabs-panel,
    #wpwrap .taxonomydiv div.tabs-panel,
    #wpwrap .wp-tab-panel {
        resize: vertical;
        max-height: none;
    }
    </style>
    <?php
}
add_action( 'admin_print_styles', 'wp191833_resize_menu_list' );

Preview:

enter image description here

  • Thanks @RadGh - didn't know you can actually edit the CSS in the admin area. Your code doesn't work on mine though but this one did: css-tricks.com/snippets/wordpress/… Thanks for the idea! – vanduzled Jun 18 '15 at 7:12
  • Not sure why my code didn't work for you. Anyway, the proper way would be to use the action admin_enqueue_scripts and then insert a .css file using wp_enqueue_style. That way you can keep your CSS separate from your PHP and it can also be cached by the browser. Good luck! – Radley Sustaire Jun 18 '15 at 7:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.