Design Hack

Light Trail / Border Beam / Animated Border Gradient EFFECT wt GenerateBlocks & CSS

by

Examples by Greenshift: https://greenlightdemo.instawp.xyz/ & https://greenshift.wpsoul.net/who-we-are-section-greenlight/. Alternative tutorial: https://ibelick.com/blog/create-animated-gradient-borders-with-css Implementation: A (multi-)colored element rotating conically via CSS is added inside a container, which is visible only along the container’s border. Container BLOCK EDITOR:Define padding, border & border-radius of container.Set border colour to transparent or semi transparent.Add any content inside the container. Container Container Title Container … Read more

Automatisch responsive Layouts mit GP & GenerateBlocks – Ganz ohne Breakpoint-Stress [TOP]!!!

by

Wenn du schon mal genervt warst, an jedem einzelnen Breakpoint deinen Content in GeneratePress mit GenerateBlocks nachzupflegen, habe ich hier die perfekte Anleitung für dich. Du lernst, wie du Padding, Typografie, Karten-Grids und Bildgrößen automatisch responsiv gestaltest, ohne für Tablet und Mobile alles doppelt (und dreifach) zu machen. 1. Padding ohne nervige Einzelanpassungen Statt für … Read more