alexmustin

<!-- // The HTML (could be part of page content) // -->
<input type="text" name="keyword" id="keyword" onkeyup="fetch()"></input>
<div id="datafetch">Search results will appear here</div>

alexmustin

body.custom-single {

    .site-container {
    
        .site-inner {
            padding: 0;

    
            .entry-header {

alexmustin

<?php

//* Add support for a Custom Logo
add_theme_support( 'custom-logo', array(
	'width'       => 260,
	'height'      => 100,
	'flex-width' => true,
	'flex-height' => true,
) );

alexmustin

<?php

//* Function to convert Hex colors to RGBA
function hex2rgba( $color, $opacity = false ) {

    $defaultColor = 'rgb(0,0,0)';

    // Return default color if no color provided
    if ( empty( $color ) ) {
        return $defaultColor;

alexmustin

<?php

// Example: icon with SVG code.
acf_register_block_type( array(
    'name'            => 'image-with-text',
    'title'           => __('Image with Text'),
    'description'     => __('A custom block for Image with Text.'),
    'render_template' => 'template-parts/blocks/image-with-text.php',
    'icon'            => '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z" /><path d="M19 13H5v-2h14v2z" /></svg>',
    'category'        => 'ap-blocks',

alexmustin

/* 
 * This will keep the element's font size between 24px and 42px.
 * The middle value automatically calculates the font size between 
 * the Min and Max, using the browser window viewport width.
 */

.archive-title {
    font-size: clamp(24px, calc(3vw + 1rem), 42px);
}

alexmustin

<?php
function isColorLightOrDark( $color ) {
	$red = hexdec(substr($color, 1, 2));
	$green = hexdec(substr($color, 3, 2));
	$blue = hexdec(substr($color, 5, 2));
	$result = (($red * 299) + ($green * 587) + ($blue * 114)) / 1000;
	if ( intval($result) > 128 ) {
		$lightdark = "light";
	} else {
		$lightdark = "dark";

alexmustin

/** 
 * This applies to Genesis Blocks that have
 * a 'fixed' background image applied.
 */
.gb-has-parallax {

	/** 
	 * This is the fix for mobile (iOS). 
	 * It displays as a normal background image which fills
	 * the container and scrolls with the content.

alexmustin

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

alexmustin

<?php

//* New Widget
genesis_register_sidebar( array(
	 'id'          => 'after-blog-content',
	 'name'        => __( 'After Blog Content', 'hello-pro' ),
	 'description' => __( 'Description of the widget goes here', 'hello-pro' ),
) );

//* Add widget after the_content()