wplit

/* to make them more visible (default was 0.4) */
#bricks-structure .structure-item svg {
  opacity: 1;
}

/* to change the color of the arrows */
#bricks-structure .toggle svg {
 color: red;
}

wplit

<?php

class X_Test_Element extends \Bricks\Element {
    // Element properties
    public $category = "general";
    public $name = "xtestelement";
    public $icon = "ti-layout-width-full";

    public function get_label() {
        return esc_html__("Test element", "bricks");

wplit

<script>

document.addEventListener('DOMContentLoaded', function() {
    
    setTimeout(() => {
    
        const headerSearch = document.querySelector('.brxe-xheadersearch');
        const openToggle = document.querySelector('.x-header-search_toggle-open');
        const closeToggle = document.querySelector('.x-header-search_toggle-close');

wplit

<script>

document.addEventListener('DOMContentLoaded', () => {

  const accordions = document.querySelectorAll('.brxe-accordion-nested');

  accordions.forEach(acc => {

    const children = Array.from(acc.children);

wplit

<?php

function your_custom_function() {
	
	$output = '<p>' . get_field( 'acf_field_one' ) . '</p>';
	$output .= '<p>' . get_field( 'acf_field_two' ) . '</p>';
	
	return $output;

};

wplit

<script>

document.addEventListener('DOMContentLoaded', () => {

    const tabWrapper = document.querySelector('#brxe-922794'); /* ID of nestable tabs element */
    if (!tabWrapper) return;

    const tabPanes = tabWrapper.querySelectorAll('.tab-pane');
    const observer = new MutationObserver((mutations) => {

wplit

<script>
  
document.addEventListener("DOMContentLoaded", () => {

    const popover = '.my-popover'; /* change to selector for your popover element */

    const popoverEl = document.querySelector(popover);

    if (!popoverEl) return;

wplit

<?php

/**
 * FluentCart Product Transaction Hash Lookup
 * 
 * @param int $product_id The product ID to check for
 * @return string The transaction hash if product was just purchased
 */
function get_fluentcart_product_trx_hash( $product_id ) {
	

wplit

jQuery(document).ready(function($) {

    if($('html').attr('ng-app') == 'CTFrontendBuilder') return;
    
    var $carouselElement = $("#%%ELEMENT_ID%%");
    var carousel = $carouselElement.find($carouselElement.children().data("carousel"));
    
    if (carousel && carousel.length) {
        
        var $carouselInner = $carouselElement.find('.oxy-carousel-builder_inner');

wplit

// Watch for class changes on html tag
if (!window.xClassChangeObserverAdded) {
  window.xClassChangeObserverAdded = true;
  
  let previousTheme = document.documentElement.classList.contains('cf-theme-dark') ? 'dark' : 'light';
  
  const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
        const classList = document.documentElement.classList;