Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #23435


    thanks very very much for your last support … works all great now!!!

    I have one final problem:

    When you click the menu-button “work” all the thumbnails of the portfolio are shown. While loading the thumbnails the height of the containers switches from a bigger size to the correct size. Seems to me like I have to change the container-size, but where do I edit this? Or is it another problem?

    All my images have the same aspect ratio (16:9) and there will be no other in the future … so could it be a solution to give the grid a fixed height?

    Ah, and is it possible, that the portfolio categories are shown earlier, because now they appear only after the whole thumbnail-loading?

    Here the link:

    I´m looking forward to finalize my page :)

    Best regards, Bianca


    sorry, now it´s



    Your portfolio images are not in a correct size.

    The best way to go about it, is to first install the Simple Image Sizes plugin ( ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.

    Your images are currently 245×138 while are being displayed at 309×174. You need to make the change for this size in Settings > media if you plan to have 3 images per row in your portfolio.

    Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.


    Hi Nick,

    thank you for your reply!

    I changed the image-sizes with the simple-image-size-plugin like you wrote, but the problem isn´t solved :(

    After the portfolio-overview is loaded all looks correct like it should be. It´s just while loading the pictures … there you see these black rectangles which are taller than the pictures (just in the height). When a picture is loaded the rectangle shrinks to the correct size.

    Most of my uploaded pictures have the dimensions 1024×576, some a bit smaller like 960×540 … but always in the 16:9 aspect ratio and big enough to get not blurry or incomplete.

    And a last question: is it possible that the portfolio categories are shown earlier, because at present they appear only after the whole portfolio-overview-loading?

    Thanx so much!




    If you want to see a cool effect add this to your CSS in /css/custom.css OR to Quck CSS located in Angular > Theme Options > Styling … text box at bottom of page .. you can take it out if its not you….

    #top #main .greyscale-image {
    width: 311px;
    height: 211px;

    Please see if this css below fixes the problem

    #top .portfolio-title {
    height: 20px;
    padding-top: 10px;
    #top .inner-entry {
    height: 100%;





    I added the css but the problem isn´t fixed :(

    Do you have another idea?

    Thanx for your suggestion with the greyscale-image-effect! I tested it, but I like the original one better.

    Best regards,



    Hi Bianca,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: .one_third .slideshow, #top.home .one_third .slideshow {
    height: 174px;

    The issue with the categories appearing is that you are seeing how the site is being rendered live. The categories are generated on the fly based on what items are showing. So it has to come at the end, otherwise they aren’t available (as well as causing issues if they are selected before the content is fully rendered).




    Hi Devin,

    supercool, works fantastic!!!

    Could you just give me the similar css for the frontpage, please?

    Ah, I understand, sounds logical with the categories.

    Many thanks,




    I updated Devin’s answer.




    Hi Nick,

    perfect, all my problems are solved!!!!!

    Thousand thanks to you all!!!

    Best regards,


Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘portfolio thumbnails – grid size’ is closed to new replies.