Collection: Builder

  • Mobile Editing With Breakpoints

    What looks great on a large desktop screen usually needs some refinement for smaller devices. Typically this involves applying smaller font sizes, margin, padding, or hiding certain elements on mobile…

  • Unsplash Integration

    Finding affordable, high-quality, commercially useable photography for your website, that doesn't scream stock photography is really hard. Bricks is putting an end to it. Unsplash.com, the world's most generous community…

  • An Intro To Templates

    Templates are a central feature of Bricks. There are different types of templates. A template can contain a single section (such as your website header, footer, hero section, etc.) or…

  • Template Library

    Use the Template Library to browse through dozens of pre-designed templates that you can insert with a single click right within the builder. It also hosts all of your own…

  • Hover Effects

    Bring your site to life, increase interactivity, and highlight important actions on your website by adding hover effects to any element, column, row, or section. Switch into Hover Effect Mode…

  • Gradients & Overlays

    Spice up your site by adding background, overlay, and text gradients to any element, column, row, or section. Gradients & Overlays are located under the Style. Settings: Apply to: Select the…

  • Context Menu

    When editing with Bricks use the custom right-click context menu to edit, clone, delete and copy & paste styles of sections, rows, columns, and elements with a single click. Even…

  • Global Elements

    Want to use an existing element somewhere else on your site and keep all instances of this element in sync? This is exactly what Global Elements in Bricks are for.…

  • Shape Dividers

    Give your design an edge by adding and combining Bricks' shape dividers such as tilts, drops, grids, clouds, strokes, triangles, waves, etc. https://youtu.be/WCNE536gAN0

  • Requirements

    To equip you with a cutting edge WordPress website builder Bricks uses a modern technology stack while keeping sufficient backward compatibility. Those are a few requirements your server should meet…

  • Best Practices

    The following points are important to keep in mind when working with Bricks: Permalink SettingsGo to Settings > Permalinks, select Post name, and click Save Changes.Min. Image DimensionsUpload images with…

  • Create Your Own Sidebars

    Bricks comes with a built-in sidebar generator. Located in your WordPress dashboard under Bricks > Sidebars it allows you to create unlimited sidebars (widgetized areas). All you need to do…

  • Installation & Activation

    Installing The Bricks Theme The installation of Bricks is exactly the same as for any other WordPress theme. After downloading the latest version of Bricks from your account head over…

  • Convert WordPress Content to Bricks And Vice Versa

    With Bricks, you have complete freedom over which pages you want to edit with it. You can build all your pages with Bricks, or just a selected few. And the…

  • Start Editing With Bricks

    https://youtu.be/h3Sk6NNRBqM After activating your license head over to Bricks > Settings > Post Types and select the post types you want to edit with Bricks. To enter the builder click…

  • Creating Your First Template

    Now that you are familiar with all template concepts and the template library it's time to create our first template. We will actually create two templates: your website header and…

  • An Intro To The Builder

    Bricks is a pure frontend drag & drop website builder for WordPress. It enables you to visually build and design your entire site in real-time, on one screen. The Interface…

  • Understanding The Layout

    Being a fully-fledged site builder, Bricks lets you design your entire site visually. That includes your site header, footer, and of course the content of every page. Complete page with…

  • Adding & Editing Elements

    To add an element to the canvas simply drag it from the panel and drop it anywhere on the canvas. Click on your newly added element to start editing it.…

  • Theme Styles

    Theme Styles allow you to overwrite the default styling of any element, your site layout, colors, links, typography, etc. https://youtu.be/1E1XdjFcfvc To access Theme Styles click the Settings (gear) icon in…

  • Global Settings

    You can access the global settings by clicking the Gear icon in the builder toolbar. They are organized into the following groups: General: Miscellaneous settings such as the favicon.Performance: Various…

  • Page Settings

    Page settings let you customize the markup and styling of the page you are currently editing. They precede your global settings. To access page settings click the Gear icon in…

  • Custom Code (CSS & JS)

    There are two types of custom code: Custom CSS and Custom JavaScript Use the Custom Code controls under Settings > Global Settings to add styles and scripts to your entire…

  • Save & Publish

    Bricks automatically saves your builder changes every 60 seconds (default). To set your own autosave interval or disable autosave altogether head over to Settings > Global Settings > Builder. Bricks…

  • Revisions

    Every time the builder saves your data a snapshot is automatically created using WordPress Revisions API. To view all your revisions click Revisions (clock icon) in the builder toolbar. Select…

  • Template Settings

    When editing a template click the Settings (gear) icon in the builder toolbar to access the Template Settings: Toolbar > Settings > Template Settings You should see the following settings…

  • Remote Templates

    Remote templates is another unique Bricks feature that lets you browse and insert templates of another Bricks installation. No more exporting templates from one site and then importing them on…