empty spaces in Executive Portfolio

Community Forums Forums General Discussion empty spaces in Executive Portfolio

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  rfmeier 10 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #44435

    cway
    Participant
    Post count: 23

    Spaces where there should be portfolio thumbnails are blank.

    Does anybody know why and what the fix is?

    Thanks!

    Cameron

    http://www.trentstudios.com/portfolio/
    #44501

    rfmeier
    Participant
    Post count: 518

    Hello,

    Your first two portfolio posts have a height of 288px. The third has a height of 287px. The is preventing the 4th from aligning correctly (Yes, 1 pixel will screw this up).

    I found two solutions;

    1. Change the display to inline-block so they float properly (note: only IE8 and greater support… if you NEED to support that)

    /* line ~725 */
    .post-type-archive-portfolio .portfolio {
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	float: left;
    	padding: 0 30px 30px;
    	width: 33%;
    	display: inline-block; /* set the display */
    }

    OR

    2. Set a static height for the elements

    /* line ~725 */
    .post-type-archive-portfolio .portfolio {
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	float: left;
    	padding: 0 30px 30px;
    	width: 33%;
    	height: 288px; /* set the height */
    }

    Preview: https://www.diigo.com/item/image/40chg/e65m

    I hope this helps.


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

    • This reply was modified 10 months, 2 weeks ago by  rfmeier.
    • This reply was modified 10 months, 2 weeks ago by  rfmeier.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.