Tag: #css

  • WordPress 6.4 added an “Expand on click” feature to image blocks.. ..here is how i added styles for it to my themes..

  • Styling the Editor in WordPress

    By default, the Block Editor uses the browser’s default serif font and oddly sizes the monospace font in block and inline use cases. Adding custom CSS to the Editor can…

  • Optimizing Jetpack Custom CSS

    Jetpack adds a lot of features and performance options to self-hosted WordPress sites, along with it’s own built-in CSS styling. Most of this styling is fairly universal, but some of…

  • Optimizing Comments in WordPress

    Comments are a versatile feature for allowing discussions on posts and pages in WordPress. I currently don’t have comments open on my blog posts, but I want my themes to…

  • Theme Updates for the Block Editor in WordPress

    WordPress released version 5.0 at the end of 2018 and my first reaction to the new Block Editor was pretty negative. I wasn’t even using the Visual Editor in the…

  • CSS Normalize/Reset for WordPress

    While working through the process of optimizing my themes for the newer default WordPress Editor, I noticed some issues when using the CSS Reset that I’ve used and shared in…

  • Adding Widgets to the Footer in WordPress

    Widgets are great for adding dynamic content to WordPress sites like Recent Posts, Archives, Custom HTML, etc. The method below adds three widgets to the site’s footer area. The widgets…

  • Current Prism Syntax Highlighter Theme

    In a previous post I covered how I added Prism syntax highlighter to this blog to style the posted code blocks. It really makes a world of difference in the…

  • Customize the WordPress Login Page with Your Site Icon

    The default WordPress login page works perfectly fine, but it’s branded with their icon and the icon links to wordpress.org. Rebranding this page with your Site Icon helps make the…

  • Adding a Mobile Menu in WordPress

    Content on mobile screens can get cluttered quickly as multiple menu links are added for site navigation. A responsive mobile menu is great way to clean up the design and…