Tag: css

Doesn't seem like there's a hook for this. According to people in the forum, this can't be controlled. Flexbox to the rescue! Stick this in functions.php. Make sure to use your dev tools to make sure the classes are right. But basically, you use flexbox order property to rearrange items in the left admin sidebar. add_action('admin_head', 'mytheme_custom_admin_css'); function mytheme_custom_admin_css() { echo ' html .edit-post-meta-boxes-area { order: -1; } html .components-panel { display: flex; flex-direction: column; } '; }…

Nobody likes iframes. That's because you can't style their innards, and they aren't responsive... or are they?!?! The first thing to know about here is the padding height hack. This allows you to set the height of an object relative to the width, because while height is always as a percentage of the container, padding height is as a percentage of width. So all you have to know is the ratio of height to width and you can make a thing that responsively scales. My first attempt was to use javascript to get the viewport height from the iframe…