Issue with portfolio grid layout

on my versions of Enfold : 4.7.6.4 and testing 4.8 beta – there are no options to show title – excerpt and read more !
no option to show post meta here – that is the reason for my question – where did you set to show the date?

Only Chance to see it is to put in the excerpt field the shortcodes of the postmeta

First – does it realy work with $markup ? at the classes

what about this :

add_filter('avf_portfolio_extra', 'avf_portfolio_extra_mod', 10, 2);
function avf_portfolio_extra_mod($output, $entry) {
	$output = '<div class="portfolio-new-meta">';
	$output .= '<div class="portfolio-read-more-link"><a href="'.get_permalink($entry->ID).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"></span></a></div>';
	$output .= '<time class="date-container minor-meta updated">'.get_the_date("Y-m-d", $entry).'</time>';
 	$output .= '</div>';
	return $output;
}

the point is to include the same relation to the entry ID as on permalink – you can do everything as format you like f.e.

.get_the_date("d. M Y", $entry).

on default the month names are localized via General Setting Language of the page

by the way: thanks – nice use of that filter !

if you like to have some binding words between the date shortcodes you had to insert a \ before the letters each – if they got a meaning on date format like a or t ( am/pm , time, etc.)

f.e. this:

 .get_the_date("j\. F Y \a\\t G:i", $entry).

see: https://wordpress.org/support/article/formatting-date-and-time/

don’t know why a double \\ must before the t – but that works

PS: it seems to slow down the site on loading if you got a lot of entries on that page.
Maybe a Mod knows a better way to insert the entry date to that place

• This reply was modified 3 years, 2 months ago by Guenni007.

maybe you give a different color to the time format:

.portfolio-new-meta .date-container {
    color: #999 !important;
}

________________

Sad it is closed –

PPS: the responsive case is not nice – so try:

@media only screen and (max-width: 767px) {
  .blog-samenvatting.grid-sort-container {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .blog-samenvatting.grid-sort-container .grid-entry {
    flex: 1 1 100% !important;
    width: unset !important;
    margin: 0 0 50px !important;
    padding: 0;
  }
  
  .blog-samenvatting.grid-sort-container .grid-entry .inner-entry > div  {
    width: 100% !important;
  }
  
  /****  these lines only if you like to have the image on top ******/
  .blog-samenvatting.grid-sort-container .grid-entry .inner-entry   {
    display: flex !important;
    flex-flow: wrap-reverse row;
    justify-content: stretch
  }
  
  #top .isotope-item.special_av_fullwidth .av_table_col .avia-arrow {
    top: 0%;
  }
 /****** remove it between these two comments if you are stisfied with image under the content *******/
}

and switch at every px-value you like – maybe 989 is better

• This reply was modified 3 years, 1 month ago by Guenni007.