editing team page template – Infinity Pro theme

[rocheliwebpro]

I need to add text to http://katlowitzandassociates.rochelielefant.com/attorneys/ that appears when you hover over the attorney image. I did this on the home page http://katlowitzandassociates.rochelielefant.com/ with putting the text inside the div that contains the img, in another div, using position relative and absolute. I also used jquery to make the display:none class appear when hovering on the image. I would like to do the same on this page. Below is the template for the "team page" template I am using from the Infinity Pro Genesis child theme. Right now it's in the regular content area of the page so because of the the css and jquery (like on the home page) when I hover on the image it appears, but not in the right place because it's not in the same div.

Where can I add the div for the "specialization text"? I would like it to be in the same div as the image. Also, how do I add a div around the image? Do I use Advanced custom fields for this?

(only copied relevant portion of code)
// Add team member featured image.
function infinity_page_team_image() {

$image = genesis_get_image( array(
'format' => 'html',
'size' => 'team-member',
'attr' => array ( 'alt' => the_title_attribute( 'echo=0' ) ),
) );

if ( $image ) {
printf( '%s', get_permalink(), $image );
}

}

// Add team title field.
function infinity_team_title() {

$title = '';

if ( genesis_get_custom_field( 'team_title' ) ) {
$title = '<p class="team-title">' . genesis_get_custom_field( 'team_title' ) . '</p>';
}

echo $title;

}

http://katlowitzandassociates.rochelielefant.com/attorneys/

[Author]

Posts