Tagged #code

Wordpress 7 Gallery Lightbox Breaks Bootscore-Based Themes

The new gallery lightbox navigation added in WordPress 7 is super cool! However, when a lightbox is opened in WordPress 7, it adds the inert attribute to all direct children of the <body> element. At UF, we used a Bootscore-based WordPress theme (a boilerplate Bootstrap CSS enabled theme), which wraps the site content in a <div id="page" class="site"> (see header.php), causing the entire site to go “inert” when the gallery lightbox is opened–not ideal.

Read more...

#wordpress#code#javascript#dom#work

Gravity Forms Image Aspect Ratio Validation

Despite giving very specific instructions, sometimes users don’t follow them. By default, Gravity Forms does not offer image aspect ratio validation on a file input field, so I had my n8n WordPress code chat agent generate this. I have not tried using the code, and this was for a specific form, so it would need to be modified and tested before use.

Read more...

#wordpress#code#php#work

Extract Last Names (Full Name with Suffix)

Some last names in our directory of faculty end with suffixes. This adds a level of complexity to extracting and sorting by last name without a custom field. A custom JavaScript function could be constructed to handle this, provided you know all the possible suffix variations.

Read more...

#regex#javascript#code#php#work

Modern Methods of Showing or Hiding HTML Elements with JavaScript

Different options available to show and hide HTML elements using JavaScript in 2025, including my preference.

#html#javascript#code#css

Customizing a code-server Docker Image

The Problem: code-server docker container comes with 0 binaries, so you have to set it up to your specific needs in a Dockerfile to include the binaries and packages you need for development assuming you’re using the built-in terminal and proxied port forwarding, etc. The Solution: Write a Dockerfile.

Read more...

#docker#code#dockerfile