KittenCodes

Sticky Header (Delayed Reveal)

This snippet creates a header that becomes fixed and slides down after the page has been scrolled.

What it does

• The header behaves normally at the top of the page.
• After scrolling past a defined distance, it becomes fixed.
• It slides down from the top and remains visible while scrolling.
• The header automatically accounts for the WordPress admin bar when logged in.

KittenCodes

<!-- Include this snippet in your WordPress page builder -->
<div id="affiliate-qr-container">
  <!-- Render affiliate link using the shortcode -->
  <span id="affiliate-link" style="display:none;">[solid_affiliate_current_affiliate_link]</span>
  <!-- Placeholder for the QR Code -->
  <canvas id="affiliate-qr-code"></canvas>
</div>
<!-- Load QR code library via CDN -->
<script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>
<script>

KittenCodes

/* ==UserStyle==
@name       WinuSoft Oxygen Builder 6
@version    20250418.06.40
@namespace  ?
==/UserStyle== */

:root.is-oxygen {
    --ox-white: #fff;
    --ox-black: #000;
    --ox-black-60: #0009;

KittenCodes

The JavaScript in this Gist can be added to the JavaScript tab of a Code Block
to prevent this issue from happening until it's fixed in Oxygen's Core.

Please report any issues to support@oxygenbuilder.com.

KittenCodes

/* COMMENT HEADER */

.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
	padding-top: 3.5rem;
}

div.comment:first-of-type {

KittenCodes

{"element":{"id":102,"data":{"type":"OxygenElements\\Container","properties":{"meta":{"classes":["2cb859b8-a7d9-49e1-a158-fe5892e28296"]},"settings":{"interactions":null,"override_variables":null}}},"children":[{"id":100,"data":{"type":"OxygenElements\\Container","properties":{"meta":{"classes":["b94e3099-c9de-4b0b-9b8f-25323c90ef92"]}}},"children":[{"id":101,"data":{"type":"OxygenElements\\Container","properties":{"meta":{"classes":["821ed02e-c563-4fe5-a79d-ff0e949e883e","23ca5c68-a17e-4d7e-88fa-c76dc769a444"]}}},"children":[{"id":104,"data":{"type":"OxygenElements\\Image","properties":{"content":{"image":{"from":"media_library","lazy_load":true,"alt":"from_media_library","media":{"id":135,"filename":"icons8-student.png","url":"https://aviato.local/wp-content/uploads/2025/05/icons8-student.png","alt":"","caption":"","mime":"image/png","type":"image","sizes":{"full":{"url":"https://aviato.local/wp-content/uploads/2025/05/icons8-student.png","height":120,"width":120,"orientation":"landscape"}},"attributes":{"s

KittenCodes

[{"id":"3eef63f8-b40e-4283-90d6-623e438f54da","name":"p","properties":{"breakpoint_base":{"typography":{"font_family":"{var-ef3664d5-5d79-47f5-a9e8-6ec01e988e9c}","font_weight":400,"font_size":{"number":"{var-17cc60c9-ed77-4bad-8629-8cfbf4c86517}","unit":"custom","style":"{var-17cc60c9-ed77-4bad-8629-8cfbf4c86517}"}}}},"children":[],"locked":false,"collection":"Collection 1","type":"custom"},{"id":"58b89d57-c3d3-4523-af91-323bc21ce7ec","name":"header-logo","properties":{"breakpoint_base":{"background":{"background_color":"{var-42e17fdf-6e06-49f0-85eb-5edcd07ab0e8}"},"size":{"width":{"number":4,"unit":"rem","style":"4rem"},"height":{"number":1.5,"unit":"rem","style":"1.5rem"},"min_width":{"number":192,"unit":"px","style":"192px"}},"spacing":{"spacing":{"padding":{"left":{"unit":"rem","number":2,"style":"2rem"},"top":{"number":2,"unit":"rem","style":"2rem"},"bottom":{"number":2,"unit":"rem","style":"2rem"},"right":{"unit":"rem","number":2,"style":"2rem"}}}},"layout":{"display":"flex","flex_align":{"primary_axis

KittenCodes

add_action('admin_head', 'oxygen_support_fix_gutenberg_image');

function oxygen_support_fix_gutenberg_image() {
  echo '<style>
    /* WordPress 6.8 CSS Override to allow images to be changed in Gutenberg */
       .wp-block img.ct-image:not([draggable]) {
            pointer-events: unset !important;
    }
  </style>';
}

KittenCodes

<?php 

add_action('admin_head', 'winusoft_conditional_remove_default_editor_button');

function winusoft_conditional_remove_default_editor_button() {
    // Specify the Post IDs where the button should NOT be removed
    $excluded_post_ids = []; // Replace with a comma separated list of your post IDs

    // Get the current post ID
    $current_post_id = isset($_GET['post']) ? intval($_GET['post']) : null;

KittenCodes

<?php

// Add a dynamic CSS variable to the <head> of your site
add_action('wp_head', function() {
    if (function_exists('get_field')) {
        // Retrieve the value of the ACF field
        $selected_colour = get_field('select_colour');
        
        // Check if a value is set and split the value and label if necessary
        if ($selected_colour) {