Motion on/off button [also saved to divi cloud]
Motion OffContinue reading
Location: site_wide_header
Motion on/off button – CSS
/* ================== * Accessibility Motion Toggle Styles * ================== */ /* ================== * Global motion & animation disabling * ================== */ .animations-disabled .et_pb_animation_top, .animations-disabled .et-animated, .animations-disabled .et_had_animation, .animations-disabled .et_had_animation.et-no-motion, .animations-disabled [data-parallax], .animations-disabled .parallax, .animations-disabled .et_parallax_bg, .animations-disabled .dipi_tile_scroll_container, .animations-disabled .dipi_tile_scroll_item_container, .animations-disabled…Continue reading
Dynamic Card Link Updater – Tools und Plugins calculation form
jQuery(document).ready(function ($) { // Get URL parameters from the current page URL var urlParams = new URLSearchParams(window.location.search); // Populate the card titles with corresponding links from the URL $(‘.link_to_homepage .card_title’).html(`Link to homepage`); $(‘.login_link .card_title’).html(`Login Link`); $(‘.link_to_the_features_page .card_title’).html(`Link to the Features…Continue reading
Card box Style – Tools und Plugins calculation form
/* Specific styles for the custom HTML widget container */ /* Author: Sumaiya, Clickup Doc:https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-24335 */ .custom_grid_fluentform .ff-t-cell { display: flex !important; /* Use flexbox to arrange child elements */ flex-direction: row !important; /* Set flex direction to row */…Continue reading
custom-learndash-hide-comment-box
#learndash-page-content .ld-focus-comments .comment-respond { display: none !important; }Continue reading
Dynamic Phone Button and Image Box Links
jQuery(document).ready(function ($) { // Get URL parameters var urlParams = new URLSearchParams(window.location.search); // Populate the phone button with the phone number var phoneNumber = urlParams.get(‘phone’); if (phoneNumber) { $(‘.phone-button’).attr(‘href’, ‘tel:’ + phoneNumber); $(‘.phone-button’).text(‘Kunde anrufen (‘ + phoneNumber + ‘)’); }…Continue reading
CSS for Lightbox
.image-gallery { display: flex; flex-wrap: wrap; gap: 10px; /* Add space between thumbnails */ }Continue reading
Lang
document.addEventListener(“DOMContentLoaded”, function() { const flowchart = document.getElementById(“flowchart”); flowchart.innerHTML = ` How do you plan to use your Lang BBQ Smoker? Residential Competition Commercial What cooking capacity do you need? Small (36” Patio) Large (48” or larger) Back Do you need…Continue reading