dhdesign1356
Forum Replies Created
-
Forum: Plugins
In reply to: [WP Post Popup] Can’t interact with page contentSo I realized that when I was reading through the documentation, that I had added this code to my function when I first started setting up the popup plugin. Since I have a template set-up using the modal-ready class, this function code was interfering with my template class surrounding my custom content. Once I removed this, I could hover and click on links.
/**
* Display Modal wrapper for Pop Up Post
*
* @since 1.0.0
*/
add_action(‘wp_footer’, ‘modal_wrapper’);
function modal_wrapper()
{
$HTML = ”;
$HTML .= ‘<div class=”modal-wrapper”>’;
$HTML .= ‘<div class=”modal”>’;
$HTML .= ‘<div class=”close-modal”>X</div>’;
$HTML .= ‘<div id=”modal-content”></div>’;
$HTML .= ‘</div>’;
$HTML .= ‘</div>’;echo $HTML;
}
Looks like the issue wasn’t with my array, but with my using the get_template_part(‘content’, ‘section’); within my loop. I removed it after switching up my loop to include an array, find(), and while(); Now, everything is working.
<!–/* Start the Loop */–>
<?php$mypod = pods(‘home_section’);
$params = array(
‘limit’ => -1
);$mypod->find($params);
while ($mypod->fetch()) :
?><?php
$pic = $mypod->field(‘section_background_image’);
$pic = pods_image_url($pic, $size = ‘full’, $default = 0, $force = false);
$title = $mypod->display(‘title’);?>
<style>section.section-bkgd {
background: url(“<?php echo $pic; ?>”) fixed;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,.5);
box-shadow: inset 0 0 50px rgba(0,0,0,.5);
height: 500px;
}</style>
<section class=”sol-homecontent-style section-bkgd”>
<div class=”sol-home-section”><h1><?php echo esc_html($title); ?></h1>
</div><!– .entry-content –>
</section><?php
endwhile;
?>