Add SVG Upload Support to Beaver Builder

March 28, 2022

By default, WordPress blocks SVG uploads. Beaver Builder also blocks SVG uploads withing the builder, but strangely it uses it’s own block list which it only applies to uploads. This means that you can enable SVG uploads within WordPress, upload an SVG file to the media library, and then make use of the file in […]

Read More

Paste Text without Formatting

November 10, 2021

How did I not know this already? ctrl+shift+v This keyboard shortcut pastes whatever text is in the clipboard, but removes the formatting.

Read More

Disable Clicks on Empty Menu Items

March 18, 2021

When creating a dropdown menu in WordPress, often the parent menu item is used simply as a hover point to access the submenu, not as an actual link. When this is the case, we can use the following steps to indicate to the user that these menu items are not to be clicked. 1. Set […]

Read More

Beaver Builder: Automated Clickable Columns

February 18, 2021

Sometimes we need to make an entire column clickable, instead of just the link (or links) within the column. This is a common issue when using a card style design. For example, in the image above, we might want each of the three sections themselves to be clickable, instead of just the text and image. […]

Read More

Inverting Tables Responsively

February 11, 2021

Tables are notoriously difficult to handle responsively. If there is a significant difference between the number of rows and the number of columns, the ideal layout for large screen sizes uses more columns then rows, but the ideal layout for small screens uses more rows than columns. However, there is no simple way to handle […]

Read More

Beaver Builder, FacetWP, and Infinite Scroll

November 26, 2020

For some reason, FacetWP doesn’t support infinite scroll when paired with the Posts module in Beaver Builder. However, working with some code from GitHub, I was able to modify it to work with Beaver Builder. Here is the code: (function( $ ) { ‘use-strict’; var throttleTimer = null; var throttleDelay = 100; $(function() { var […]

Read More

How to Filter Canonical URLs in WordPress

September 5, 2020

The canonical URL can be modified programmatically in WordPress using the get_canonical_url filter hook. Recently I was working on a site that needed custom canonical URLs on specific search result pages. I went looking for the documentation on filtering the canonical URLs, but while the existence of the filter is documented, I could not find […]

Read More

Styling links based on partial URLs with CSS

June 12, 2020

Sometimes you just want to style all the links pointing to a certain site, or containing a certain string in the URL. For example, styling all links to Wikipedia to stand out from regular links or hiding all links that include “registration” in the URL. It’s just a matter of using: href*= in the CSS […]

Read More