inovatiPageNavi seems to be messing up the formatting of my gallery. The formatting of my gallery (or Portfolio) gets thrown out the window when I have an element with more than one line of text. Here's a picture of what it does
see how spots where pictures should be are skipped? I found out this problem goes away when I make all the elements show on a single page but I would like to have multiple pages. Here's the CSS of my gallery and the php of my portfolio page template
/* Gallery */
.header-title {
margin-bottom:2.5em;
}
.header-title h1 {
margin-bottom:0;
}
.header-title .page-desc {
font-size:.91em;
color:#999;
}
#gallery {
}
#gallery .portfolio {
width:100%;
overflow:hidden;
list-style-type:none;
padding:0;
margin:0;
}
#gallery .portfolio li {
float:left;
width:294px;
margin:0 28px 50px 0;
position:relative;
padding:0;
background:none;
}
#gallery .portfolio li.nomargin {
margin-right:0;
}
#gallery .portfolio li a.image-wrap {
display:block;
padding:1px;
border:1px solid #eee;
overflow:hidden;
width:290px;
height:150px;
position:relative;
background:#FFF url(images/loading.gif) 50% 50% no-repeat;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#gallery .portfolio li a.image-wrap:hover {
}
#gallery .portfolio li a.image-wrap img {
float:left;
}
#gallery .portfolio .folio-desc {
margin-bottom:0;
padding:6px 0 0 3px;
}
#gallery .portfolio .folio-desc h4 {
margin-bottom:1em;
}
#gallery .portfolio .folio-desc h4 a {
color:#333;
text-decoration:none;
}
#gallery .portfolio .folio-desc h4 a:hover {
color:#b5b5b5;
}
#gallery .portfolio p.excerpt {
padding:0;
}
.zoom-icon {
display:block;
position:absolute;
left:1px;
top:-152px;
width:290px;
height:150px;
background:url(images/magnify.png) 50% 50% no-repeat;
cursor:pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#gallery .portfolio li a.image-wrap:hover .zoom-icon {
top:1px;
}
page-portfolio-full.php
<?php
/**
* Template Name: Portfolio Full
*/
get_header(); ?>
<div id="content" class="grid_16">
<?php include_once (TEMPLATEPATH . '/title.php');?>
<?php global $more; $more = 0;?>
<?php $wp_query = new WP_Query(); ?>
<?php $wp_query->query("post_type=portfolio&paged=".$paged.'&showposts=36'); ?>
<?php get_template_part( 'loop', 'portfolio' );?>
</div><!-- #content -->
<!-- end #main --><div>
<?php get_footer(); ?>
Any idea of how I can keep pagenavi out of the way of how my gallery is filling itself?
