GenerateBlocks

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

Wann nutzt du Elements, Patterns oder Synced Patterns?

by

Webdesign mit dem GenerateStack Als WordPress-Entwickler oder in einer Agentur brauchst du klare Richtlinien für die Verwendung verschiedener Komponenten-Typen. Besonders wenn du mit GeneratePress und GenerateBlocks arbeitest, ist die richtige Wahl zwischen Elements, Patterns und Synced Patterns entscheidend für eine effiziente Website-Entwicklung. Das Fundament: Customizer und Global Styles WordPress Customizer Der GeneratePress Customizer ist deine … Read more

MB Add dynamic template tags2

by

Beispiel: {{theme.company_info}} -> (Company Info – von Dashboard > Business DetailsBeispiel: {{fn.get_the_title}} -> (Post Titel) Requirements: Aber es geht auch mit Groundhogg (“Replacement Code”), siehe Anleitung! Use Case: Dynamische Anzeige von Custom Fields Syntax innerhalb {{}}: Nachfolgend beschreibe ich die Optionen je mit einem Beispiel, ansonsten auch hier beschrieben. field – Gets the custom fields … Read more

GB circular Containers & Buttons (Kreise)

by

Um kreisförmige Buttons, Icons oder Container zu erstellen, müssen folgende Parameter in den jeweiligen Block-Settings gesetzt werden: Layout = Flex (Direction Row oder Column)Align & Justify Content = CenteredHeight & Width = jeweils gleicher Wert, z.B. 100pxBorder Radius = 100% Wenn man einen Container als Kreis mit Headlines als mittigen Inhalten bauen will, darauf achten, … Read more

How to create a floating-effect for headline-block? – GS

by

Hello, I’d like to apply an animation effect to the headline “hello, we are macbay.digital”, so that it subtle moves up and down infinitely. How to configure the effects panel of the headline-block? Source: Topic: How to create a floating-effect for headline-block? – GenerateSupport