Blog, News and Health Education

[ ff_custom_media_boxes ]

* post_type
- post type to display
- enter post type [slug]

* num
- number of posts to display
- enter number, default = -1 (all posts)

* columns
- number of columns
- enter number

* horizontal_space
- left / right spacing between each box
- enter number

* vertical_space
- top / bottom spacing between each box
- enter number

* image_width
- set image width
- enter number

* image_height
- set image height
- enter number

* image_height_max
- set max image height
- enter number

* force_crop
- crop image for better display, recommended to set true if box height and width are set
- enter string, "true" or "false"

* boxes_to_load_start
- number of boxes to load initially
- enter number

* boxes_to_load
- number of boxes to load after scroll
- enter number

* column_width
- static width of column,
- enter number, default to 'auto' for even spacing

* show_search
- display search for sorting
- enter string, "true" or "false"

* hide_bottom_content
- display or hide post details like content, date, title. only image is displayed
- enter string, "true" or "false"

* overlayEffect
'push-up'
'push-down'
'push-up-100%'
'push-down-100%'
'reveal-top'
'reveal-bottom'
'reveal-top-100%'
'reveal-bottom-100%'
'direction-aware'
'direction-aware-fade'
'direction-right'
'direction-left'
'direction-top'
'direction-bottom'
'fade'

* box_container
- element selector for the container of the boxes
- enter string class, without "."

* lazyLoad
- stop the elements to load from scroll
- 'true'
- 'false'

* show_filter
- display filters for sorting
- enter string, "true" or "false"

* filter_type
- filter type: 'list' or 'dropdown'

* filter_container
- element selector for the container of the filter
- enter string class, without "."

* search
- element selector for the search input
- enter string class, without "."

Modify code at /wp-content/plugins/fivebyfive-media-boxes/fivebyfive-media-boxes.php "ff_media_boxes_load_shortcode"

List of plugin options

Samples Here

For fullwidth display use the following shortcode, modify if needed:
- add class="fullwidth-display"

ff_custom_media_boxes lazy_load="false" image_width=320 image_height=160 hide_bottom_content="false" force_crop="true" overlay_effect="direction-aware" horizontal_space=20 vertical_space=20 columns=4 filter_cats="uncategorized" show_filter="true" boxes_to_Load_start=12 boxes_to_load=12