CSS Container Side by Side
.container-side-by-side { display: flex; flex-direction: row; flex-wrap: wrap; }Continue reading
Type: css
CSS Container Side by Side
# CSS .container-side-by-side { display: flex; flex-direction: row; flex-wrap: wrap;Continue reading
CSS Media Query 340 Grid
@media screen and (max-device-width:340px), screen and (max-width:340px) { .frm_half { Width: 50%!important%; } }Continue reading
CSS Frm_Half
CSS Make it Fit 2
.make-me-fit { width: fit-content; }Continue reading
CSS Make it Fit
.make-me-fit { display: inline-block; }Continue reading
CSS Grid Stuff
html { font-size: 22px; } body { padding: 1rem; } .card { background-color: dodgerblue; color: white; padding: 1rem; height: 4rem; } .cards { max-width: 1200px; margin: 0 auto; display: grid; grid-gap: 1rem; } /* Screen larger than 600px? 2 column…Continue reading
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