Hello dear developers,
I have a portfolio grid that is set to the “special one column” option. Sadly the images dont line up because the text in one cell is longer than in the other. I couldnt find relevant CSS to adjust it myself. So how can I align the images evenly?
Thanks.
Hey Picfinity,
https://screenshots.firefox.com/csVk7Uag44PLDxhB/m3.socialmedianow.de
can u tell us how you want it to look?
Best regards,
Basilis
Sorry I didnt make it clear enough. I just want the images to line up vertically. I attached a screenshot.
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.grid-content {
padding: 20px 10px !important;
}
Best regards,
Rikard
Hi, I appreciate your help, however this is not a proper solution and will only fix the problem on some screen sizes. I’m looking for a responsive fix. I wish I didnt have to do it either, but these are the words… Is there maybe another way? I tried it with min-width with no sucecss.
Hi Picfinity,
The text is longer, even if we force the text to break, it becomes two lines and breaks vertical space. There is no 100% solution here, you need to pick which works for you to the greater extent or choose a different component.
Best regards,
Victoria