Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #766966

    Hello,
    we need a gallery that always shows the images in the same size 180 x 180px.
    At the moment the images get scaled down or are enlarged at mobile view.

    Thanks and best regards,
    Neverlands

    #768084

    Hey Neverlands,

    I tried to login to your site today.

    Best regards,
    Victoria

    #769456

    Here is the link.

    Best regards,
    Neverlands

    #771751

    Hi Neverlands,

    The images are 180×180 on the screen when there is no sidebar, when the size of the screen allows to show sidebar, the sidebar appears, but the masonry has to shrink a bit. You could try with different amount of images in the row, maybe 3 will work better, but there will be more whitespace between images.

    Actually, it’s totally normal for the images to scale. In this case they don’t scale drastically, and the effort to control them is bigger than the effect you might get.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #772389

    Hello Victoria,

    thanks for your reply!
    It is just because of the captions. When the images shrink, not the whole content of the caption is shown anymore. But okay we can live with that.

    Only in mobile and tablet view the captions get much too wide, when there is only one or two images in the line. I tried it with overflow: hidden but with no success.
    Do you have a hint what we need to do, that the width of the caption is the same of the images?

    Best regards,
    Neverlands

    #773534

    Hi Neverlands,

    I see now :) Well, you could show a phone icon next to the name and show a tooltip on hover(tap on mobile) as an alternative solution. Or we could try to adjust css to show like this.

    What are your thoughts?

    Best regards,
    Victoria

    #773559

    Hello Victoria,

    thanks for your reply.
    Adjusting the css as in your example would be great!

    Best regards,
    Neverlands

    #774968

    Hi Neverlands,

    Do you still need help with this issue? I see you got some opacity there. You could even go with

     background-color: rgba(0, 122, 163, 0.65) !important; 

    to get a bit more transparency.

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.