Change element class or ID on lines 3 and 5 to trigger right elements and on line 2 100 is how many pixels to scroll until class is added.

If you need to rotate logo while you are scrolling the page like on Matthias Altmann’s website here is the code he shared with us Example: https://www.altmann.de/

Resize image inside a container on one side to the edge of the page. + 40 is column padding size If you want to resize it on the right change left to right on lines 15 and 21 .container is image wrap .hero-img is img class Important set img to:

This code will help you to get values on page load and change them on resize. It can be useful to update the CSS values and objects position. Code example with breakpoint

If it’s just needed in one place, you could use the following: Keep in mind, using the custom excerpt field will automatically remove all tags. Creating an excerpt automatically from the post content will not. If you want more control, you can use wp_trim_excerpt() or wp_trim_words(). If you need more control to add something like this: wp_trim_words() allows you…

Add this code to function.php to change excerpt length to 20 words

Put this code to functions.php The easiest way to find all registered scripts and styles is with the plugin MinQueue. If you want to deregister with plugin use Asset Queue Manager

This code will lead you to the page same as you pressed back in Browser

This is done with event listener. It will track class “.show-on-scroll” and add and remove Class “is-visible” depending on if it’s visible in screen view or not.

jQuery Snipped for toggle text inside div on click. “Hello World” will be default text and text for every second click. And “Bye!” will be on first and every even click.

Expand object with click on the button. The trigger is class on the object that will start the animation. Assign the class to the object that should be animated and replace 300 (milliseconds) to what you prefer Wrap this with document ready code. The final code should look like this