Equalise Title Heights

Select the yes checkbox to have Dyggrid dynamically resize the height of title elements with Javascript after the page has loaded.

Without this option, titles and the content that follows them will vary in position depending on the length of the content title.  If aligning the content in adjacent cells is important to your desired design, select this option.

Without equal title heights:

0

0

Postgrid ID

Content source

Query source

Post Type

Taxonomy

Media Library

Loop

Post type

Taxonomy filter

Filter operator

Filter term slug

Taxonomy

Only terms attached to the current post

Number of posts

Max posts

Page size

Load more

Use AJAX load more

Load more button contents

Sort order

Order by

Meta key

Order

Show elements

Show Elements

Content wrapper

Woo Price Icon

Woo Sold Badge

Show Meta Icons

Elements Pattern

• image
• <
• >
• title
• content
• excerpt
• button
• author
• date
• Download
• Twitter
• LinkedIn
• Facebook
• Woo price
• Post Grid Excerpt
• Post Grid Sort Order
• Categories
• Tags
• Formats
• Project Categories
• Project Tags
• Product categories
• Product tags
• Product shipping classes
• Settings Panels
• Help Category
• Media Categories
• Type

Inline Separator

Inline Padding

Term Separator

Term Padding

Title tag

h1h2h3h4h5h6pli

Button text

Cell hover tooltip content

Empty

Title

Custom

Tooltip content

Equalise heights

Titles

Content wrapper

Content aspect ratio

CSS Attributes

cell

content

image

title

background-color

background-color

background-color

background-color

border-radius

border-radius

border-radius

border-radius

border

border

border

border

padding

padding

padding

padding

margin

margin

margin

margin

text-align

text-align

text-align

text-align

color

color

color

color

font-size

font-size

font-size

font-size

line-height

line-height

line-height

line-height

text-transform

text-transform

text-transform

text-transform

Style presets

Copy from id

ID of Dyggrid to copy

Reset

Basic styles

Override theme fonts

Cell Shadow

Image Shadow

Hover Enlarge

Center All Text

Center Content (Vertical)

Center Content (Horizontal)

Image Hover Zoom

Theme preset

Preset

NoneAccordionBlogBlog (Fade)Blog (hover)CardsGalleryGallery (Captions)Gallery (Cols H)Gallery (Cols)Gallery (Rows H)Gallery (Thumbnails)Gallery (Tiled)List (bullets)List (menu)Logo gridOverlay 1PanelsRow layoutWoo Products

Transition animation

Animation

None3D Flip X3D Flip Y3D Flip sideFadeScaleSquash downSquash leftSquash rightSquash up

Dynamic sorting & filtering

Filter widget

Dynamic filter tax.

Taxonomy Labels

Link to taxonomy archive pages

All Page Link

Sort widget

Show the dynamic sort widget

Sort fields

ID

Title

Date

Price

Image settings

Image location

Background

Content

Hidden

Image aspect ratio

Image file resolution

Use srcset

Use thumbnail

Thumnbnail size

Srcset requested resolutions

Override Image Filler

Attachment ID of filler image

Grid sizing

Cell layout

Horizontal

Vertical

Fixed width

Columns

Gaps

Breakpoints

Cell width

Cell margins

Cell heights

Equalise

Cell aspect ratio

Click behaviour

What should links do?

Open lightbox/slideshow

Open post

Open fixed url

Fixed url

Linked elements

Entire cell

Transition

Images

Titles

Note the above click behaviour settings will have no effect in this demo.

CSS / classes

Grid styling classes and CSS

Wrapper class

Cell class

Image class

CSS

.dygpg-id-demo-equal-heights-off.dyg-post-grid-wrapper { } .dygpg-id-demo-equal-heights-off .dyg-post-grid-cell { } .dygpg-id-demo-equal-heights-off .dygpg-content { } .dygpg-id-demo-equal-heights-off .dygpg-image { } .dygpg-id-demo-equal-heights-off .dygpg-meta { } .dygpg-id-demo-equal-heights-off .dygpg-title { } .dygpg-id-demo-equal-heights-off .dygpg-the-content { } .dygpg-id-demo-equal-heights-off .dygpg-excerpt { } .dygpg-id-demo-equal-heights-off .dygpg-rich-excerpt { }

License / Support

License key

To use this plugin and receive updates, enter your license key and press update. Click here to purchase a license.

Select and press the update button to de-register this license key

Support request message

For Dyggrid Pro plugin support, type a message above and press update. Replies are emailed to your registered email address. You agree to configuration data about this Dyggrid shortcode being sent along with your message.

If your email address has changed since registration, please contact account support.

Update

Christopher Dresser Candlesticks

• tableware

Sterling Silver Scent Bottle

• silver

Bitossi Owl

• ceramics

Whitefriars Glass Bark Vase

• glass

With equal title heights

Note the cells are now all the same size and the categories are in alignment.

0

0

Postgrid ID

Content source

Query source

Post Type

Taxonomy

Media Library

Loop

Post type

Taxonomy filter

Filter operator

Filter term slug

Taxonomy

Only terms attached to the current post

Number of posts

Max posts

Page size

Load more

Use AJAX load more

Load more button contents

Sort order

Order by

Meta key

Order

Show elements

Show Elements

Content wrapper

Woo Price Icon

Woo Sold Badge

Show Meta Icons

Elements Pattern

• image
• <
• >
• title
• content
• excerpt
• button
• author
• date
• Download
• Twitter
• LinkedIn
• Facebook
• Woo price
• Post Grid Excerpt
• Post Grid Sort Order
• Categories
• Tags
• Formats
• Project Categories
• Project Tags
• Product categories
• Product tags
• Product shipping classes
• Settings Panels
• Help Category
• Media Categories
• Type

Inline Separator

Inline Padding

Term Separator

Term Padding

Title tag

h1h2h3h4h5h6pli

Button text

Cell hover tooltip content

Empty

Title

Custom

Tooltip content

Equalise heights

Titles

Content wrapper

Content aspect ratio

CSS Attributes

cell

content

image

title

background-color

background-color

background-color

background-color

border-radius

border-radius

border-radius

border-radius

border

border

border

border

padding

padding

padding

padding

margin

margin

margin

margin

text-align

text-align

text-align

text-align

color

color

color

color

font-size

font-size

font-size

font-size

line-height

line-height

line-height

line-height

text-transform

text-transform

text-transform

text-transform

Style presets

Copy from id

ID of Dyggrid to copy

Reset

Basic styles

Override theme fonts

Cell Shadow

Image Shadow

Hover Enlarge

Center All Text

Center Content (Vertical)

Center Content (Horizontal)

Image Hover Zoom

Theme preset

Preset

NoneAccordionBlogBlog (Fade)Blog (hover)CardsGalleryGallery (Captions)Gallery (Cols H)Gallery (Cols)Gallery (Rows H)Gallery (Thumbnails)Gallery (Tiled)List (bullets)List (menu)Logo gridOverlay 1PanelsRow layoutWoo Products

Transition animation

Animation

None3D Flip X3D Flip Y3D Flip sideFadeScaleSquash downSquash leftSquash rightSquash up

Dynamic sorting & filtering

Filter widget

Dynamic filter tax.

Taxonomy Labels

Link to taxonomy archive pages

All Page Link

Sort widget

Show the dynamic sort widget

Sort fields

ID

Title

Date

Price

Image settings

Image location

Background

Content

Hidden

Image aspect ratio

Image file resolution

Use srcset

Use thumbnail

Thumnbnail size

Srcset requested resolutions

Override Image Filler

Attachment ID of filler image

Grid sizing

Cell layout

Horizontal

Vertical

Fixed width

Columns

Gaps

Breakpoints

Cell width

Cell margins

Cell heights

Equalise

Cell aspect ratio

Click behaviour

What should links do?

Open lightbox/slideshow

Open post

Open fixed url

Fixed url

Linked elements

Entire cell

Transition

Images

Titles

Note the above click behaviour settings will have no effect in this demo.

CSS / classes

Grid styling classes and CSS

Wrapper class

Cell class

Image class

CSS

.dygpg-id-demo-equal-heights-on.dyg-post-grid-wrapper { } .dygpg-id-demo-equal-heights-on .dyg-post-grid-cell { } .dygpg-id-demo-equal-heights-on .dygpg-content { } .dygpg-id-demo-equal-heights-on .dygpg-image { } .dygpg-id-demo-equal-heights-on .dygpg-meta { } .dygpg-id-demo-equal-heights-on .dygpg-title { } .dygpg-id-demo-equal-heights-on .dygpg-the-content { } .dygpg-id-demo-equal-heights-on .dygpg-excerpt { } .dygpg-id-demo-equal-heights-on .dygpg-rich-excerpt { }

License / Support

License key

To use this plugin and receive updates, enter your license key and press update. Click here to purchase a license.

Select and press the update button to de-register this license key

Support request message

For Dyggrid Pro plugin support, type a message above and press update. Replies are emailed to your registered email address. You agree to configuration data about this Dyggrid shortcode being sent along with your message.

If your email address has changed since registration, please contact account support.

Update

Christopher Dresser Candlesticks

• tableware

Sterling Silver Scent Bottle

• silver

Bitossi Owl

• ceramics

Whitefriars Glass Bark Vase

• glass