Navigation
Archive / Aspect ratio of masonry thumbs images (ethos stack)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 13, 2016 at 9:54 am #1173143
    Testspiel
    Participant

    Hi,

    I switched to the masonry style at http://www.testspiel.de. How can I change the image size/ratio of the preview thumbs?

    Cheers,
    Marc

    September 13, 2016 at 10:52 am #1173275
    Rupok
    Member

    Hi Marc,

    Let us know how do you want to change them so that we can give you a tailored answer.

    Thanks!

    September 13, 2016 at 11:07 am #1173306
    Testspiel
    Participant

    I had 317x166px before and something like 377x xxx would fit, I guess.

    September 13, 2016 at 1:07 pm #1173531
    Rupok
    Member

    Hi there,

    In that case you can try uploading some and see which one fit best.

    Thanks!

    September 13, 2016 at 1:28 pm #1173550
    Testspiel
    Participant

    I don’t understand. The images are there but the displayed thumb sizes changed after switching to Masonry.

    September 13, 2016 at 3:24 pm #1173752
    Nabeel A
    Moderator

    Hi there,

    That’s because Masonry style uses thumbs as background images. Size of the background images depends upon the size of it’s container. I checked your page and it looks fine.

    Cheers!

    September 14, 2016 at 3:00 am #1174438
    Testspiel
    Participant

    Yes, it looks fine but the thing is that I would like to switch to a more rectangle format (like in the not Masonry style) than the square. Is it possible?

    September 14, 2016 at 6:01 am #1174612
    Christian
    Moderator

    Sorry for the confusion. Ethos’ masonry blog design features squarish thumbnails. Please try adding the code below in your Appearance > Customize > Custom > Global CSS to make it rectangular.

    .x-iso-container.cols-3 .entry-cover {
    padding-bottom: 65%;
}

    Thanks.

    September 14, 2016 at 8:46 am #1174777
    Testspiel
    Participant

    Works, great! Thanks a lot and again for the good support!

    September 14, 2016 at 9:27 am #1174858
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1173143 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>