-
AuthorPosts
-
March 26, 2017 at 4:20 pm #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,
NeverlandsMarch 28, 2017 at 12:28 pm #768084Hey Neverlands,
I tried to login to your site today.
Best regards,
VictoriaMarch 30, 2017 at 1:39 pm #769456Here is the link.
Best regards,
NeverlandsApril 4, 2017 at 1:43 pm #771751Hi 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,
VictoriaApril 5, 2017 at 10:55 am #772389Hello 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,
NeverlandsApril 6, 2017 at 9:59 pm #773534Hi 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,
VictoriaApril 6, 2017 at 10:33 pm #773559Hello Victoria,
thanks for your reply.
Adjusting the css as in your example would be great!Best regards,
NeverlandsApril 9, 2017 at 2:54 pm #774968Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.