Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Enqueue Custom Admin CSS

function my_custom_admin_styles() { // Ensure the file path is correct wp_enqueue_style(‘my-custom-admin-style’, get_stylesheet_directory_uri() . ‘/css/custom-admin-styles.css’); } // Hook the function to ‘admin_enqueue_scripts’ to apply it to the WordPress admin area add_action(‘admin_enqueue_scripts’, ‘my_custom_admin_styles’);Continue reading

Admin/Nav Extension – CSS

/* this is an update I made on the wpcode website that should trigger an available update badge */ .mx_nav { background: #dadada; padding: 0 0 5px 0; margin: 0px 0 -5px -20px; line-height: 27px; border-bottom: 1px solid #c5c5c5; }…Continue reading

Plugin/WPCode – CSS

/* Custom editor styling for WPCode IDE window */ #wpcode-snippet-manager-form .CodeMirror pre { tab-size: 2 !important; line-height: 18px; font-family: “JetBrains Mono”, monospace; font-feature-settings: “calt”; font-size: 13px !important; font-variant-ligatures: no-common-ligatures; } /* WPCode snippets list table */ table.wpcode-snippets .manage-column.column-name { width:…Continue reading

CSS fixed (admin header)

/* Fixed wrapper block editor not being full-width WordPress 6.5.x */ .editor-styles-wrapper.block-editor-writing-flow { max-width: 100%; overflow: hidden; }Continue reading

CSS fixed (admin header)

/* Fixed wrapper block editor not being full-width WordPress 6.5.x */ .editor-styles-wrapper.block-editor-writing-flow { max-width: 100%; overflow: hidden; }Continue reading

Mad lib 2

.frm_form_field { font-size: 20px !important; line-height: 40px; } select { box-shadow: none !important; border-bottom: 2px dashed #eaeaea !important; border-radius: 0 !important; font-size: 20px !important; line-height: 40px !important; background-color: transparent; } .frm_madlib .frm_section_heading { display: flex !important; flex-wrap: wrap; align-items: flex-end;…Continue reading

Tag Bubble

.speech-bubble { position: relative; background: #00aabb; border-radius: .4em; } .speech-bubble:after { content: ”; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 2px solid transparent; border-right-color: #00aabb; border-left: 0; margin-top: -2px; margin-left: -2px; }Continue reading