Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 17, 2021 at 1:12 pm #1333253
    nexusgeografics

    Hi, I am using the Enfold Portfolio Grid element and I’m trying to set the titles of the entries above the images.
    I have tried to do it using css, changing the margins as I have learned in this topic:
    enfold portfolio title over image on hover
    This is my code.
    .grid-content {margin-top: -16em;margin-bottom:15em;}
    (the padding bottom is to override the overlay effect with the elements below that the padding top causes)

    The problem is that it is not responsive: when the screen is made small the image of the entry also and the title is separated and superimposed on superior elements. Is it possible to change the order of the elements somewhere in the php code so that the grid-content appears first? I guess that would be the solution.

    Thanks in advance!

    December 19, 2021 at 2:59 am #1333400
    Mike

    Hey nexusgeografics,
    You can edit this file:
    /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
    on line 1084 find:
    $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid. "' class='grid-image avia-hover-fx'>{$custom_overlay} " . get_the_post_thumbnail( $the_id, $image_size, $image_attrs ) . "</{$link_markup[1]}>";
    cut and paste before line 1124:
    $output .= '<footer class="entry-footer"></footer>';
    then add a custom class to the “avia-arrow” it will point down instead of up, to do this edit line 1085 from this:
    $output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
    to this:
    $output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow top-grid-title'></div>" : '';
    then add this css to your Quick CSS:

    .grid-entry .top-grid-title.avia-arrow {
    border: none;
    top: 49px;
    z-index: 1;
}

    This is the results on my test site:
    2021-12-18_003.jpg
    Best regards,
    Mike

    December 22, 2021 at 12:40 pm #1333749
    nexusgeografics

    Thank you so much Mike!
    Best Regards

    December 22, 2021 at 2:20 pm #1333765
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold Portfolio gallery entry titles above images’ is closed to new replies.