Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
42afe874 by Jeff Balicki
Options

contest 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent d0eea6a7
Inline Side-by-side
Showing 4 changed files with 37 additions and 2 deletions
......@@ -35,14 +35,35 @@ function contest_slider(){
$num = get_post_meta(get_the_ID(), '_seq_num', true );
$cap = get_post_meta(get_the_ID(), '_field_7', true );
?>
<a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#Modal_<?php echo $num;?>">
<img src="<?php echo $image[$num];?>" alt="<?php echo $cap;?>">
<div class="contest_cap"><?php echo $cap;?></div>
</a>
</div>
<?php endwhile; ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<?php while ($custom_query->have_posts()): $custom_query->the_post(); ?>
<?php $image = get_post_meta(get_the_ID(), '_field_9', true );
$num = get_post_meta(get_the_ID(), '_seq_num', true );
$cap = get_post_meta(get_the_ID(), '_field_7', true );
?>
<div class="modal fade" id="Modal_<?php echo $num;?>" tabindex="-1" role="dialog" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="body-content">
<img src="<?php echo $image[$num];?>" alt="<?php echo $cap;?>">
<div class="contest_cap"><?php echo $cap;?> like you live here</div>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<style>
.swiper-container{
width: 100%;
......@@ -103,8 +124,20 @@ function contest_slider(){
margin-left:20px;
}
.body-content {
margin: auto;
width: auto;
text-align: center;
padding: 20px;
}
.btn-close{
float:right;
}
.modal-content{
border-radius: 0px !important;
}
</style>
<?php endif;
wp_reset_query();
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -46,6 +46,8 @@ jQuery(document).ready(function($) {
text_change();
function text_change(){
......