Gallery with Tabbed Content Slider

Hey darneson,

Thank you for the inquiry.

There is no option for this by default but you can try the Portfolio AJAX option, which is a gallery or a grid of images that opens a modal preview containing more images in a gallery or slider format and additional content. Please check the demo for reference.

// https://kriesi.at/themes/enfold/portfolio/portfolio-ajax/

Best regards,
Ismael

Hi,
Thanks for your patience, to show the portfolio title on hover try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.grid-content {
    margin-top: -54px;
}
.grid-entry:hover .grid-content {
    opacity: 1;
}
.grid-content {
    opacity: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
For the down chevron icon I believe that you mean like this:

If so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.portfolio-preview-title::before {
  content: "\e883";
  font-family: entypo-fontello;
  font-size: 40px;
  position: relative;
  top: 6px;
  display: inline-block;
  padding-right: 10px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To move portfolio ajax preview container below the grid container, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_portfolio_ajax_preview_container_below_the_grid_container() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() {
$( '.av-portfolio-grid-sorting-container' ).each(function() {
$( this ).find( '.portfolio_preview_container' ).insertAfter( $(this).find('.grid-sort-container') );
});
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'move_portfolio_ajax_preview_container_below_the_grid_container');

This is the expected results:

Best regards,
Mike

Hi,
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Good catch, I corrected the code above for future readers.
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike