| Heading | | Description | | Post Card | | Select a saved Post Card design to use. Create new or edit existing Post Cards in the Avada Library. |
| Apply Alternate Post Cards | | Set to "yes" to enable alternating Post Cards. |
| Alternate Post Cards | | Add alternate Post Cards |
| Post Card List View | | This post card will be used in the list view which can be triggered with the sorting element (WooCommerce). Post cards can be created in the Avada Library. |
| Link Off Canvas | | Select an Off Canvas you want to link to your Post Cards element. This allows you to fill the Off Canvas dynamic data endpoints with the data of the single Post Cards.. |
| Post Cards Display | | Choose what to display on post cards page. |
| Posts Per Page / Per Element | | Select number of posts per page, or per Post Card Archives element if there are several elements within one layout section. Set to -1 to display all. Set to 0 to use the post type default number of posts. For portfolio and products this comes from the global options. For all others Settings > Reading. |
| Posts Offset | | The number of posts to skip. ex: 1. |
| Pagination Type | | Select the type of pagination. |
| Nothing Found Message | | Replacement text when no results are found. |
| Element Visibility | | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. |
| CSS Class | | Add a class to the wrapping HTML element. |
| CSS ID | | Add an ID to the wrapping HTML element. |
| Heading | | Description | | Layout | | Select how you want Post Cards to display. |
| Marquee Direction | | Select the marquee direction. |
| Stacking CardsOffset | | Set the offset at which stacking cards should become sticky. |
| Post Card Rotation Angle | | Set the rotation angle for the Post Cards in coverflow layout. |
| Slide Depth | | Set the z-axis translation offset of the slides in coverflow layout. |
| Transition Style | | Choose the transition style for the slider layout. |
| Post Card Alignment | | Select the Post Cards alignment within rows. |
| Number of Columns | | Set the number of columns per row. |
| Column Spacing | | Insert the amount of horizontal spacing between items without 'px'. ex: 40. |
| Row Spacing | | Insert the amount of vertical spacing between items without 'px'. ex: 40. |
| Separator | | Choose the horizontal separator line style. This will only be used on single column grids or list view. |
| Separator Color | | Controls the separator color. |
| Separator Width | | In pixels (px or %), ex: 1px, ex: 50%. Leave blank for full width. |
| Separator Alignment | | Select the separator alignment; only works when a width is specified. |
| Separator Border Size | | In pixels. |
| Transition Speed | | Set the duration of the transition between Post Cards. In milliseconds. |
| Scroll Items | | Insert the amount of items to scroll. Leave empty to scroll number of visible items. |
| Center Active Post Cards | | Choose to always have the active Post Card centered. Otherwise it will be left on LTR and right on RTL sites. |
| Mask Edges | | Choose if the edges should be masked with a fade out effect. Navigation arrows will not be displayed, if masked edges are active. |
| Display Shadow | | Choose to show a shadow on the individual slides on coverflow layout or during transitions. |
| Autoplay | | Choose to autoplay the items. |
| Autoplay Speed | | Set the autoplay speed, the duration between transitions. In milliseconds. |
| Autoplay Pause On Hover | | Choose to pause autoplay on hover. |
| Loop | | Choose to enable continuous loop mode. |
| Mouse Control | | Choose to enable mouse drag and/or wheel control on the carousel, coverflow and slider layouts. |
| Free Mode | | Choose to enable free mode for dragging and scrolling the Post Cards arbitrary amounts. |
| Mouse Pointer | | Choose to enable mouse drag custom cursor. |
| Cursor Color Mode | | Choose cursor color mode. |
| Cursor Color | | Controls the color of cursor. |
| Show Navigation | | Choose to show navigation buttons on the carousel / slider. Note: You can also set the CSS ID (e.g. my-id) for this Post Card Archives element and use #my-id-next, #my-id-prev as links on a Button element to navigate through the slides. |
| Arrow Box Dimensions | | Controls the width and height of the arrow box. Enter values including any valid CSS unit. |
| Arrow Icon Size | | Set the arrow icon size. Enter value including any valid CSS unit, ex: 14px. |
| Previous Icon | | Click an icon to select, click again to deselect. |
| Next Icon | | Click an icon to select, click again to deselect. |
| Arrow Position | | Controls the position of the arrow. Enter value including any valid CSS unit, ex: 14px. |
| Arrow Border Radius | | Enter values including any valid CSS unit, ex: 10px. |
| Arrows Styling | | |
| Arrow Background Color | | Controls the background color of arrow. |
| Arrow Color | | Controls the color of arrow. |
| Dots Position | | Controls the position of the dots. Enter value including any valid CSS unit, ex: 14px. |
| Dots Spacing | | In pixels. |
| Dots Margin | | In pixels or percentage, ex: 10px or 10%. |
| Dots Alignment | | Controls the border style of the arrow. |
| Dots Styling | | |
| Dots Size | | In pixels. |
| Dots Color | | Controls the color of arrow. |
| Navigation Margin | | Controls the space between content and navigation. Enter value including any valid CSS unit, ex: -40px. |
| Margin | | In pixels or percentage, ex: 10px or 10%. |
| Load More - Button Styling | | |
| Text Color | | Select the button text color. |
| Background Color | | Select the button background color. |
