Here’s a useful pen you can use to generate filters so you can convert black to any hex colour.

Ever published a page and realized that you can’t open the builder or edit any of the elements, or messed up the CSS/HTML/JavaScript code? You can append &safemode to the end of the URL to enable safe mode as in website.adondevelopment/contact-us/?fl_builder&safemode. Read more on the Beaver Builder KB here.

The instructions to do this are pretty much the same as this tip: https://library.adondevelopment.com/tips/dealing-with-image-size-consistency/

Custom properties, also known as CSS variables, are defined entities that contain values that can be reused throughout a document. Properties are prefixed with — as in –property-name and contain values that can be accessed by using the var() function. These can be used for repeating values such as colors that may be challenging to…

has_archive – set this to false to disable this post type’s archive page. publicly_queryable – set this to false to disable this post type’s single post layout.

https://wiki.adongroup.com.au/index.php?title=Super_convenient_image_compressor

Prerequisites OpenSSH must be installed on Windows. To test this, open a PowerShell window and type ssh. If you do not see an error, you have OpenSSH installed. If you see an error, install OpenSSH by following the below: Install OpenSSH – https://jcutrer.com/windows/install-openssh-on-windows10 Add c:\windows\system32\OpenSSH\ to your system’s PATH environment variable. Here is a handy…

Using the Customizer Global typography and color settings should be stored in the default WordPress customizer to maximize reuse. Set all the fonts, headings, accent colors (for links), and button colors here before working on the rest of the website. Avoid changing these settings through the builder modules as much as possible to avoid issues…

If you find yourself needing to update the same piece of data on multiple places in your development site, it might be time to consider storing that information on an ACF field attached to an options page. This makes this information global, simplifying updates by having only one source of truth and making sure any…

Need something done quickly? A module template may have already been built similar to what you need: AOG Library

Instead of using one full JPG/PNG as the background, like the below: Use the below block and apply the background-repeat CSS property: If unsure how to break images down to a single tile, please reach out to the designers.

It is usually easier, more efficient, and more predictable to enforce the consistency of images via the physical dimensions of an image rather than to do it via CSS. Steps to do this: Create a custom image size via code or a plugin Regenerate media library Query the correct image size on the HTML or…

WordPress archive pages already makes the query for you (if on a “Services” archive page, “Service” posts are already sent to the page and just needs displaying). For best performance, select only Main Query from the source when setting up the Posts module on an archive page. Doing otherwise (using Custom Query on an archive…

As a rule of thumb, use PNG for images that are made up of a few solid colors (illustrations, icons, things with fonts that need to be sharp, background patterns), and JPG for full blown images with thousands to millions of colors (photographs, patterns with gradients, etc). Of course, if you need parts of the…