/*SCROLL INDICATOR*/ .scroll-watcher { height: 10px; position: fixed; top: 0; left:0; z-index: 1000; background-color: var(--wpex-accent, red); width: 100%; scale: 0 1; transform-origin: left; animation: scroll-watcher linear; animation-timeline: scroll(y); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;…
Activate Developer Mode Install Code Injector Go to: Settings - System - Code Injector Add CSS: <style> nav {background-color: #62A4F7 !important;} .default-piwik-logo, .logo.brand-logo img { content: url('https://www.enym.com/wp-content/uploads/2021/04/enym-medienkompetenz-logo.svg') !important; } .logo.brand-logo a::before { width: 188px; height: 35px; content: url('https://www.enym.com/wp-content/uploads/2021/04/enym-medienkompetenz-logo-white.svg') !important; }…
This code checks for the parent and allows a logged-in user to edit this pages and all descendants of that page. Just edit two parts: The user ID and the parent Page ID and you are good to go. Via…
The metaboxes for the menu item selection are a mess. Pagination is not good, elements are skipped. Ordering feels completely random and the overall user experience is not good. With this script in your child themes function.php file you can…
If you use this CSS you can transform the total themes wpbakery "Image swap" element into a nice cascading image set of two images with a subtle smooth parallax scrolling effect. Here is what it looks like. The effect is…
.nectar-highlighted-text[data-style="text_outline"] em { -webkit-text-stroke-color: inherit; -webkit-text-fill-color: rgba(0,0,0,0); -webkit-text-stroke-width: 0.02em; }
add_action('manage_users_columns','yoursite_manage_users_columns'); function yoursite_manage_users_columns($column_headers) { unset($column_headers['posts']); $column_headers['custom_posts'] = 'Assets'; return $column_headers; } add_action('manage_users_custom_column','yoursite_manage_users_custom_column',10,3); function yoursite_manage_users_custom_column($custom_column,$column_name,$user_id) { if ($column_name=='custom_posts') { $counts = _yoursite_get_author_post_type_counts(); $custom_column = array(); if (isset($counts[$user_id]) && is_array($counts[$user_id])) foreach($counts[$user_id] as $count) { $link = admin_url() . "edit.php?post_type=" . $count['type']. "&author=".$user_id;…
Use like this: https://examplestore.com/?coupon_code=5dollarOff function webroom_woocommerce_coupon_links(){ // Bail if WooCommerce or sessions aren't available. if (!function_exists('WC') || !WC()->session) { return; } /** * Filter the coupon code query variable name. * * @since 1.0.0 * * @param string $query_var Query…
Just encapsulate the content you want to show only to logged in users or or only to logged out users like this: [loggedin]Visible for logged in users only[/loggedin] [loggedout]Visible for guests only[/loggedout] The Code for the two shortcodes //logged in…
@keyframes scale-a-lil { from { scale: .5; } } @media (prefers-reduced-motion: no-preference) { figure img { animation: scale-a-lil linear both; animation-timeline: view(); animation-range: 25vh 75vh; } } https://codepen.io/argyleink/pen/RwvOmvY https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view/