Interactive Post Element

Choose to display your posts, portfolio items, or products in a unique manner with the Interactive Post element. Style and design the element to provide the most lavishing showcase of all. The Interactive Showcase is a feature that will blow your visitors' minds, as you can create some of the most captivating exhibits to introduce your posts and your art.

Content Tab 

Layout

  1. Layout - Select a layout for your interactive posts, it can either be Horizontal, Vertical, Grid, or Scroll
  2. Post per Page  - Decide on how many posts you want to be displayed per one page 
  3. Columns - Set the number of columns you want to be displayed within the interactive posts  
  4. Meta Data - Select the metadata components you want to show on the post, it either be Author, Date, Time, Comments, or Terms
  5. Separator Between - Add a separator between the metadata  
  6. Meta Align - Position the metadata to either show on the Left, Top, Right, or Bottom
  7. Image Coverage -  Decide if you want the post image to cover up only the size of the Element's space or cover up the Entire Screen once the user hovers over the post. 

Query

  1. Source - Choose the source from where you want your posts to be generated. It can either be from Posts, Pages, Portfolio, Manual Selection, or Related
  2. Include 

    1. Include By - You can Include or Exclude posts either by Term or Author. If you choose Author, you can choose which author you want to be displayed, or if you choose Term, you can decide on category or other taxonomy.
    2. Date - Select posts from All, Past Day, Past Week, Past Month, Past Year, or Custom. If you choose Custom you can set a date for Before and After. 
    3. Order By - You can order your posts either by Date, Title, Menu Order, or Random. 
    4. Order - You can also have your posts to be ordered either Ascending or Descending. 
    5. Ignore Sticky Posts - Choose to either ignore or not the sticky posts. Note that they only work if zero terms have been selected. 

Exclude

  1. Exclude By - You can exclude posts either by Current Post, Manual Selection, Term, or Author. 
  2. Offset - Use this setting to skip on posts 
  3. Date - Select posts from All, Past Day, Past Week, Past Month, Past Year, or Custom. If you choose Custom you can set a date for Before and After. 
  4. Order By - You can order your posts either by Date, Title, Menu Order, or Random. 
  5. Order - You can also have your posts to be ordered either Ascending or Descending. 
  6. Ignore Sticky Posts - Choose to either ignore or not the sticky posts. Note that they only work if zero terms have been selected.

Pagination 

  1. Pagination - Choose from the options available to add pagination to your posts. You can choose either from Numbers, Show More, Previous/Next, and Numbers + Previous/Next 

If you choose Numbers

  1. Page Limit - Set the page limit in value to only show a certain amount of posts on the page
  2. Shorten - Choose to shorten the pagination row. It will show only the number of the first pages and the last one. 
  3. Alignment - Set the Alignment of the pagination either Left, Center, or Right 
  4. Spacing - Set the spacing between the posts and the pagination 

If you choose Show More

  1. Show More Text - Type in your custom text to replace Show More or leave it as it is
  2. Alignment - Set the Alignment of the pagination either Left, Center, or Right 
  3. Spacing - Set the spacing between the posts and the pagination 

If you choose Previous/Next

  1. Previous Label - Type in your custom Previous label 
  2. Next Label - Type in your custom Next label 
  3. Alignment - Set the Alignment of the pagination either Left, Center, or Right 
  4. Spacing - Set the spacing between the posts and the pagination 

If you choose Numbers + Previous/Next 

  1. Page Limit - Set the page limit in value to only show a certain amount of posts on the page
  2. Shorten - Choose to shorten the pagination row. It will show only the number of the first pages and the last one. 
  3. Previous Label - Type in your custom Previous label 
  4. Next Label - Type in your custom Next label 
  5. Alignment - Set the Alignment of the pagination either Left, Center, or Right 
  6. Spacing - Set the spacing between the posts and the pagination


Style Tab

Layout

  1. Horizontal Position - Set the horizontal position for the posts either Left, Center, or Right 
  2. Vertical Position - Set the vertical position for the posts either Top, Middle, or Bottom
  3. Space Between - Set the space between posts 
  4. Initial Animation - Set an entrance animation for your posts. You can choose from the options available like Fade In, Fade In Up, Fade In Left, Fade In Right, Zoom In, Zoom Out, or Preserve 3D 
  5. First Active - Set the first post to be active on the page 
  6. Mouse Out - This option hides the image when the mouse is out of the element. 

Image 

  1. Width - Change the width of the image 
  2. Max Width - Set a maximum width for the image
  3. Height - Change the height of the image by dragging the handle 
  4. Horizontal Position - Set the horizontal position for the images either Left, Center, or Right
  5. Vertical Position - Set the vertical position for the images either Top, Middle, or Bottom
  6. Image Size - Set the size of the image as Cover, Contain, or Auto 
  7. Image Animation - Choose animation for the images. Select either Fade, Translate, or leave it without an animation 

Box

  1. Border Width - Set the border width for the posts' box
  2. Border Radius - Set the border radius for the posts' box
  3. Padding - Set the padding within the posts' box
  4. Content Padding - You can add additional padding around the content of the posts' box 
  5. Box Shadow - Choose to add a shadow around the posts' box 
  6. Background Color - Choose to add a background color for the posts' box
  7. Border Color - Select the border color of the posts' box. 

Content 

Title

  1. Color - Set the color of the posts' title 
  2. Typography - Tweak the typography options for the title 

Meta

  1. Color - Set the color of the meta 
  2. Typography - Tweak the typography options for the metadata 

Pagination

Choose Normal or Hover

  1. Typography - Tweak the typography options for the pagination text \
  2. Pointer - Select a pointer for when the user hovers over the post 
  3. Text Color - Set the text color for the pagination 
  4. Background Color - Set the background color of the pagination 
  5. Label Color - Set the color for the pagination text 
  6. Border Radius - Set the border Radius for the pagination box 
  7. Space Between - Set the space between the pagination 
  8. Padding - Add padding width to the pagination 

Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.