To insert code use <code>...</code>.
make portfolio thumbnails square in a 4 column layout
  • Vote Up0Vote Down nfdnfd
    wondering if someone could explain how if possible I can make all my portfolio thumbnails square 150px x 150px thumbnails. I know you cannot adjust the width through wordpress, but there must be a way to do it by editing the css or php files? I thought I had it by adjusting screen.css but it would have the images off center within the thumbnail window.
  • 2 Comments sorted by
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi,

    You may learn from http://kaptinlin.com/support/discussion/comment/1705/#Comment_1705

    Locate line 37 of ‘striking/framework/shortcodes/portfolios.php’, you will find

    $size = array(217, (int)theme_get_option('portfolio','4_columns_height'));

    Change 217 to you want.

    in line 2476 of striking/css/screen, you will find, also change the value to fit your need.
    .portfolios .portfolio_four_columns {
    margin-right:-28px;
    }
    .portfolio_four_columns .portfolio_item {
    width:219px;
    }
    .portfolio_four_columns .portfolio_image .image_frame{
    width:217px;
    }
    .portfolio_four_columns .portfolio_image .image_shadow{
    width:217px;
    }
    .portfolio_four_columns .portfolio_item {
    margin-right:28px;
    }


    Regards,
    KaptinLin
  • Vote Up0Vote Down EricMEricM
    Hello,
    Great theme and sorry for hijacking this thread, but it seemed relevant since I couldn't find a recent discussion of this. How has the above process been updated for 5.1? The above code doesn't seem to exist in my install. I also did a "find in files" to see if it moved, but i could not find it.

    What I would like to do is have a square image when using the 4 column portfolio layout. I can get the frame to resize but the image itself is still scaled. You can see an example of this at: http://um3d.dc.umich.edu/cms/?page_id=338

    The images should look like: http://um3d.dc.umich.edu/resources/hardware/index.html

    Thanks!
Add a Comment