WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] PageNavi Messing Up My Gallery (1 post)

  1. inovati
    Member
    Posted 2 years ago #

    PageNavi 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

    http://imgur.com/3RVDxl&knEOF

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic