Right margin on portfolio thumbnails

  • norrie

    (@norrie)


    12 years ago

    Hi all. I need some help troubleshooting this: On our portfolio page there are supposed to be rows of 4 thumbnails but the right margin is making the 4th thumbnail turn over to make only 3 rows. How could I fix this?

    https://chorusdesign.com/our-work/

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    Try changing the first 21px to something less — say 11 or so in this CSS:

    #portfolio-item {
    float: left;
    margin: 0 21px 21px 0;
    width: 171px;
}

    Thread Starter norrie

    (@norrie)

    Thanks for your reply. I tried that but then the 4th thumbnail doesn’t line up on the right with the 1px line above it. And all the thumbnails are too close together at 16px.

    Thread Starter norrie

    (@norrie)

    The whole site aligns to a grid.

    WPyogi

    (@wpyogi)

    Hmm, I can’t think of a way to get around that without changing the way that section of the page is coded. And that might be complicated…

    Thread Starter norrie

    (@norrie)

    Hmmm… You’re probably right. Thanks anyhow.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Right margin on portfolio thumbnails’ is closed to new replies.