-
Posts
-
In this gallery I made a little modification in CSS to get the pictures closer together. But what I couldnt fix is, that the picture on the left is one pixel higher than the two pictures on the right. Can you please help me with this?
Hey agme!
It looks nice and flush on my end. Did you get it fixed? Try viewing in a different browser to see what happens.
Regards,
ElliottHi!
Did you set the columns or row settings to have equal height? Note that if you re-arrange the column elements, it will reset the row settings.
Cheers!
IsmaelHey, thanks a lot for your reply. Unfortunately, the setting for equal height wasnt the solution. It still looks unchanged. I hope you have another idea!? All three pictures have the exact same measurements (1500x1000px). All Webkit-Browsers seem to have this problem. Admittedly this problem is very little, but my client very picky… Sorry to bother you with this.
Hey!
can you provide us admin access, so we can take a closer look into it? post login details here as private reply.
You could try to turn on custom CSS class for all ALB elements and give the image in question a unique CSS class. Then you can give only this image the height you want, with a code like this:.your-custom-CSS { height: 423px !important; max-height: 423px !important; }Regards,
AndyHi!
password is needed for pages you posted here. Did you follow my last instructions and added a unique custom class to the images in question?
Best regards,
AndyHey Andy, I mentioned the password in my first post here, I added it to the private content here again. I didnt try your suggestion, I dont really get why a forced maximum height of 423 pixels could solve the problem, as the sizes of the two different formats are 807×538 or 403×268 pixels. By adding a forced maximum size this may help on one page but has to be changed every time I insert other pictures with other sizes (esp. ratios). As it works in firefox I hoped there is a solution for the theme to automatically fit it correctly also in safari etc.
Hi!
Wordpress and/or the theme can’t know automatically which image size you prefer and images are displayed differently on different browsers. If you want to have 100% control over image sizes you need to define the specific size yourself. However, as WordPress is cropping images by default when uploading, you could try to use a plugin like this to have more control: https://de.wordpress.org/plugins/simple-image-sizes/
Cheers!
AndyHey Andy, thanks for your reply. Unfortunately, the suggested solution isnt very satisfying. It is not, that I need 100% control over image sizes, I just want to display larger 2/3 width and 1/3 width images (with the exact same size) correctly (in both firefox and safari).
So please look: For the mentioned page I used three images with the exact same sizes. As I inserted them to show in a 2/3 space and the other to images to show in the 1/3 space, I may assume, that they fit together seemlessly (as they do in firefox). So if I look at this page in firefox, the image on the left has this size: 806.667px x 537.767px while the images on the right have this size: 403.333px x 268.883px. They perfectly fit together as they should. In Safari, the (exact same) image on the left has this size: 807px x 538px and the images on the right: 403px x 268px. The height of both images on the right added together makes 536px which is not the height of the bigger image as it actually should be. Why is that and is this the solution for that? Thanks a lot (again)!Hey!
I have totally different image sizes than you for your website images. You can’t say your image has this or this size because it all depends on browser (-size), device etc.
Please follow my instructions from here if you want to force the images to have a specific size. However, I will inform Kriesi about this and maybe he can implement a fix for it in the future.Regards,
Andy
- You must be logged in to reply to this topic.