Buy Here

Try
Documentation
Addons
Support
- Support Forum
- Key & Files Manager
Buy Now

Contents

Overview Gridder

Zen Mode Gridder Elements

Choose which "+" buttons to show The Sidebar Appearance Border Shadow Elements above or below
other Elements in same row Full Width Element Image Lay Options → Images Image Size Text on Image Video Lay Options → Videos Video CDN and HLS YouTube/Vimeo .mp4 Video Lay Custom Controls Shop / WooCommerce Add to Cart Button Product Thumbnail Grid Product Index Text Text Width in Pixels Lay Options → Texts Project Thumbnail Carousel Table Element Grid Thumbnail Grid Project Index Lay Options → Other Elements Marquee Stack / Group Element Accordion Lines Horizontal Line Vertical Line Social Media Icons Text Footer Embedding Instagram, SoundCloud, etc. News HTML Shortcode

Add and Select Rows Row Sidebar Fixed Row Row Backgrounds Background Color and Fade Row Background Media WebGL Slideshow Row Context Menu Collapse and Expand Rows Row Gutter Sidebar Row Background Link

Place Freely Auto Layout

Gridder Defaults

Desktop Layout Defaults Custom Phone Layout Defaults Spaces and Offsets Horizontal Grid Defaults Apply to existing Grids

Where to find it Page specific CSS Desktop Colors Phone Colors Show / Hide

Enable Page Templates Create a Page Template Use a Page Template What gets copied

Horizontal Grid

Turn it on Spacing Align elements Default spacing

Try Blueprints Import Blueprints Export Blueprints Limitations

Scroll Animations

Element Animations Text Animations Trigger & Play vs. Scroll Scrub Timeline Animation Groups Float Physics Simple Parallax Site-wide Animations
(Lay Options)

Navigation Animations

Textformats & Webfonts

Textformats Create or Duplicate a Format Format Types and Tabs Bold & Italic Tab Decoration Tab Using Textformats Using Textformats in the Customizer Webfonts Variable Fonts Fix descenders getting cut off (lower parts of g characters getting cut off)

Open the Customizer Favicon Menu Style Site Title Project Thumbnails Mobile (Smartphone) Links in Texts Background Search Front Page Cursor Project Arrows WooCommerce CSS Conditional Sections

Extra Features Media Cleanup Other Settings Loading and Performance Color Palette Breakpoints and Widths Gridder Settings Gridder UI Colors Sidebar UI Password Protection Compatibility Updates

Overview Scroll Slider Addon 3D Logo Addon Carousel Addon Imagehover Addon Lightbox Addon Fullscreen Slider Addon

Horizontal Scroll

Activate Horizontal Scroll Settings Individual Pages and Projects Compatibility

Activate Fixed Header Choose a Header Page How it behaves

Creating a Menu Submenus Menu Styles normal pill button Position and Arrangement Mobile Menu

Custom Phone Layouts

Activate Custom Phone
Layouts Create a
Custom Phone Layout How syncing works Add synced elements to
desktop and phone layouts

Shop Setup / WooCommerce

Introduction 1. WooCommerce Installation 2. Prepare Cart, Checkout, Products, Shop Page 3. SSL 4. Sidecart Plugin 5. Cart Menu Point 6. Create Products 7. Add a Product
Thumbnail Grid 8. Customize the Look
of your Shop 9. Footer with
Shop-related Links 10. Privacy Policy, Terms
and Conditions, Returns 11. Do a Test Purchase 12. Emails 13. Shipping Labels and
Invoices 14. Prevent Spam and
Fake Accounts

Button Manager Style Mouseover Active State Icon Presets Apply a button to text Text Editor From the link modal Menu items as buttons Compared to "Links in Texts"

News Section / Blog

Activate the News Feature Create News Posts Add a News Overview Footers for News Navigation between News

Deck / Presentations

Activate Deck Create Deck Slides Build Deck Layouts Deck Navigation Deck as Frontpage Deck Settings

Navigation between Projects

Project Arrows Next Project Link Project Footer with
Thumbnail Grid

Overlays / Desktop Burger Menu

Project Overlays Page Overlays / Desktop Burger Menu

Add a search menu point Lay Options → Search Customize → Search Input & background Autosuggest Result list Close (X) icon How it looks on the frontend

Website Language qTranslate-XT Admin Panel Language

Custom CSS Styling

Global CSS Page specific CSS Use built-in settings first When Custom CSS is useful

Custom JavaScript

Using an AI / LLM Newpage Events Binding Click Events

Dynamic Text Placeholders

Current Year Current Time Mouse Position Tags and Categories Current Page or Project Title Project Navigation

Tags

Create Tags Show Tags on Thumbnails Tags and Categories
in Text Filter by Tags Search Tags

Key & Files Manager Reset License Keys Key was deactivated Lost Key or Files Upgrade License Moving a Website

Troubleshooting

Links don't work Website or /wp-admin/ does not show up: "Critcal Error" or 503 Error Gridder does not show up Website does not show or work correctly When installing Lay Theme WordPress says style.css is missing Texteditor does not show up Nothing shows up / 404 Page not found Your Layout's JSON was invalidated Updating a project/page/category redirects to homepage Nothing shows up in the Media Library when clicking "+Image" I see a 403 error after activating Lay Theme Upload folder not writeable or I can't upload images I have a different error and my webhost support could not help me Lay Theme Bugs

Speeding up your Website Setting the Frontpage Footers Covers Scroll to Top Button Contact Forms Intro Image or Video Button to jump to a specific
part of a website Password Protection Moving a Lay Theme Website Google Analytics

Simple Parallax

Simple Parallax is now documented as part of Scroll Animations.

Go to Scroll Animations → Simple Parallax for the current explanation, screenshots and video.

© Lay Theme

Legal Info
Version History
Instagram
Lay Theme by Armin Unruh