ACF Custom and Admin Customized Styles WP 5.5

/* Add this to your functions file */ function custom_admin_css() { wp_enqueue_style( 'admin_styles', get_template_directory_uri() . '/css/admin.css',true,'1.1','all'); wp_enqueue_style( 'admin-fonts', 'https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Material+Icons',true,'1.1','all'); } add_action('admin_footer', 'custom_admin_css'); /*Add this to admin.css file in your themes CSS folder*/ /* Force height below of Gutenberg Editor to be only 50px vs. 40vh, and force the Gutenberg block to be fullwidth */ .wp-block, .edit-post-visual-editor, .block-editor-writing-flow__click-redirect { flex: none; min-height: 50px !important; max-width: 100vw; } .edit-post-visual-editor>.block-editor__typewriter>div>.block-editor-writing-flow{ padding: 0 40px 0 40px; } /* Force height below of Gutenberg Editor to be only 50px vs. 40vh, and force the Gutenberg block to be fullwidth */ .wp-block, .edit-post-visual-editor, .block-editor-writing-flow__click-redirect { max-width: calc(100vw - 80px); } /*Chnage The Gutenberg Editor Font. Font's also must me included in functions.php file.*/ .block-editor-block-list__layout, .editor-post-title__block .editor-post-title__input { font-family: 'Montserrat', sans-serif; } /* ACF Accordion Titles and Label colors */ .acf-field.menu-title, .edit-post-meta-boxes-area #poststuff .stuffbox>h3, .edit-post-meta-boxes-area #poststuff h2.hndle, .edit-post-meta-boxes-area #poststuff h3.hndle, #editor .acf-label.acf-accordion-title { background-color: #f0eeff; } /* Remove right and Left Margins from Non Gutenberg based ACF fields Below Main Gutenger Editor */ .edit-post-meta-boxes-area{ } /* Make the entire background of Page and Post editor white if the page content section is Dynamic*/ .edit-post-layout .interface-interface-skeleton__content{ background-color: #fff; } .handle-order-higher, .order-lower-indicator{ display: none; } /* Hide ACF Sorting Options For ACF fields attatched to a Post Type*/ .postbox-header .handle-actions { flex-shrink: 0; display: flex; justify-content: center; align-content: center; } /* Make attached ACF Files Title's to display cleaner and align with vertical centering */ .postbox-header { display: flex; align-items: center; justify-content: space-between; justify-content: center; border-bottom: 1px solid #ccd0d4; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.