jasperf

// 1st Vertical Carousel (left-hand side)

.carouselverticalone {
    animation: looping 10s linear 0s infinite none;
}


.verticalcolumnone  {
    max-height: 750px;
        height: 750px;

jasperf

/*Target media gallery on mobile for the elementor basic gallery widget
First: Please add a custom css id for the gallery widget class in advanced settings e.g. logos-gallery
Next: add the below code in the custom css code in css panel -Additional CSS
https://github.com/elementor/elementor/issues/7631#issuecomment-1575174708
*/

@media screen and (max-width: 640px) {
.logos-gallery{
line-height:0;
-webkit-column-count:1; /* split it into 2 columns /

jasperf

See Swiper Slider Lazy Loading example. The Elementor Slider Widget Pro uses Swiper and basic setup uses background images with CSS [link]. They do not use HTML tags like <div> or <img> with src, data-src or srcset . To use lazy loading HTML markup has to be changed as shown in example.

With this HTML markup that we could also use Imagify to load webP images when possible using swapping with JavaScript. Unfortunately this is not possible with the current setup of Elementor Slider Pro.

jasperf

ffmpeg -i animated.gif -s 500x250 -pix_fmt yuv420p video-500x250-qt.mp4

jasperf

#!/bin/bash
#ATTENTION!
#
#DO NOT MODIFY THIS FILE BECAUSE IT WAS GENERATED AUTOMATICALLY,
#SO ALL YOUR CHANGES WILL BE LOST THE NEXT TIME THE FILE IS GENERATED.

set -e

([ -f /var/lock/subsys/ipchains ] && /etc/init.d/ipchains stop) >/dev/null 2>&1 || true
(rmmod ipchains) >/dev/null 2>&1 || true

jasperf

# backup database
mysqldump --opt --user=user --password=password --host=host.com database > file-dd-mm-yy.sql

jasperf

image: thenatives/ci-php-yarn:1.0

pipelines:
  branches:

    develop:
        - step:
            name: Deploy Development
            deployment: test
            caches:

jasperf

du -sh site.com/
# https://www.cyberciti.biz/faq/how-do-i-find-the-largest-filesdirectories-on-a-linuxunixbsd-filesystem/
du -a /var | sort -n -r | head -n 10
# check available space
dh -h /
# example
# forge@staging:~/staging.site.com/current$ df -h /
# Filesystem      Size  Used Avail Use% Mounted on
# /dev/vda1        49G   23G   26G  47% /

jasperf

<?php
function dynamic_product_link_button_shortcode($atts) {
    // Parse attributes
    $atts = shortcode_atts(array(
        'text' => 'Fitting & Maat', // Default button text
    ), $atts);

    // Check if WooCommerce is active and a product is available
    if (class_exists('WooCommerce') && is_product()) {
        // Get the current product ID

jasperf

<?php
/**
* This solutions uses WooCommerce's built in `woocommerce_after_shop_loop_item_title` 
* action to load the ACF field after the shop loop item title
* 
* Much less memory intense than initial solution than direct title manipulation
*/

function add_custom_text_after_product_title_single() {
    if ( ( is_front_page() || is_shop() ) ) {