Bricks Tutorials

(630 tutorials)
Color Custom Field as Section Background Color on Category/Term Archives in Bricks screen shot

Color Custom Field as Section Background Color on Category/Term Archives in Bricks

How to use a color from a taxonomy term custom field for as the hero section background color on archive pages.
Categories:
Tags:
Pro
How to Hide the Header Initially and Show It After Scrolling Down in Bricks screen shot

How to Hide the Header Initially and Show It After Scrolling Down in Bricks

Hiding the header when the scroll position is at the top and reveal it after the user scrolls down.
Categories:
Tags:
Sticky Element using Position Sticky screen shot

Sticky Element using Position Sticky

If you are looking to make an element, typically, the site header sticky whether it is at the top of the page to begin with or at another position down…
Categories:
Tags:
How to create custom colorthemes for your website with happyfiles screen shot

How to create custom colorthemes for your website with happyfiles

Happy Files is certainly known to many as the media management of the Wordpress media library, which is in dire need of improvement.
Developed by Thomas Ehrig, the developer of Bricks…
Opening Bricks Offcanvas with a Custom Link or Button or Div screen shot

Opening Bricks Offcanvas with a Custom Link or Button or Div

You may want to trigger the Offcanvas with an element other than the toggle. Here's how to do it.
Categories:
Tags:
Comparing Dates in WS Form screen shot

Comparing Dates in WS Form

How to compare one date field to another date field using conditional logic.
Categories:
Tags:
Pro
Stock Quantity Block for WP Grid Builder screen shot

Stock Quantity Block for WP Grid Builder

In the unofficial WP Grid Builder Facebook group a user asked: Is it possible to show stock quantity on the card? I can't find it in blocks, only in/out of…
Categories:
Dynamic Landing Pages Redirection Based on User Input using WS Form screen shot

Dynamic Landing Pages Redirection Based on User Input using WS Form

Use the Conditional Logic & Actions in WS Form Pro to redirect the user depending on what they input.
Categories:
Tags:
Pro
How to Limit a WP Grid Builder’s Term Grid to Only Current Post Terms screen shot

How to Limit a WP Grid Builder’s Term Grid to Only Current Post Terms

In the WP Grid Builder Facebook group (unofficial), a user asks: Hi All, I'm looking for a way to update the contents of a grid that is set to 'Content…
Categories:
Pro
Published Years Filters in Bricks screen shot

Published Years Filters in Bricks

In the Posts Grouped by Years in Bricks tutorial, we showed how posts can be grouped by all the years in which there are published posts. This Pro tutorial for…
Pro
Conditional Single CPT Templates based on Post Hierarchy in Bricks screen shot

Conditional Single CPT Templates based on Post Hierarchy in Bricks

In the past we covered Conditional Bricks Templates Based on Product Category Hierarchy Levels in Bricks. This Pro tutorial provides the steps to programmatically apply a Bricks template created for…
Pro
Conditional Output based on Date Time Picker Field in Bricks screen shot

Conditional Output based on Date Time Picker Field in Bricks

In the past, we showed how elements can be conditionally output based on a post's Date type of ACF field here. This Pro tutorial for Bricks users provides the steps…
Categories:
Pro
Current Post Has Parent – Conditional Single Template screen shot

Current Post Has Parent – Conditional Single Template

How to apply one of two Bricks templates to posts depending on whether that post has a parent or not.
Useful Action Hooks in Bricks screen shot

Useful Action Hooks in Bricks

Bricks has a few handy action hooks to inject/add code in various areas of your site. Here are commonly-used ones.
Categories:
Tags:
Comma-separated user role names in Bricks screen shot

Comma-separated user role names in Bricks

How to display comma-separated names of user roles for the current user (in the loop) in a Bricks site.
Categories:
Bricks Accordion (Nestable) Element’s Icons screen shot

Bricks Accordion (Nestable) Element’s Icons

Adding icon rotations to Bricks' Accordion (Nestable) element when opened.
Categories:
Tags: