Add a div to Genesis archive thumbs

[baggi-t]

I need to wrap a div around the archive thumbnails on this site: https://graphicviolence.co.uk/workbook/ so that I can hide overflow to crop the zoom on the hover. If you click on the first post, you'll see I have added the zoom within-frame effect on all of the linked images in the regular post content. I've added the zoom on the archive thumbs but I cannot hide the overflow on the top and bottom without a div around the img. I've used this code to add a div for this purpose on all the regular content images but it does not add a div around the archive thumbs. Can anyone advise me as to how I achieve this?

// ADD IMG WRAP
function addDivToImage( $content ) {

// A regular expression of what to look for.
$pattern = '/(<img([^>]*)>)/i';
// What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
$replacement = '<div class="img-wrap">$1</div>';

// run preg_replace() on the $content
$content = preg_replace( $pattern, $replacement, $content );

// return the processed content
return $content;
}

add_filter( 'the_content', 'addDivToImage' );

Many thanks
Tim

https://graphicviolence.co.uk/workbook/

[Jelly4567]

This code creates a function called custom_archive_thumbnail_div that checks if the current page is an archive page Yost Team Arlington. If it is, the archive thumbnail is wrapped in a <div> with the class "archive-thumbnail." The add_filter function is then used to hook this custom function into the genesis_entry_content filter.

[Jelly4567]

In WordPress, the Genesis framework is a popular choice for building themes. If you want to add a <div> element around the thumbnail images in the archive pages YAS Downloader of your Genesis-based theme, you might need to make changes in the theme files.

[Author]

Posts