Forum Replies Created
-
Posts
-
Jordan,
Thank you . Where do I find the portfolio.php file? I do not have FTP access to the directory but I tried to find in Edit Themes.
David
I did it like this, but I needed to manually adjust the width of the Masonry block, there must be a better option I guess:
/* Make space between elements smaller */
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
right: 8px;
bottom: 8px;
}/* Adjust size of container so its not larger then the content width */
.av-masonry-container {
width: 99.5%;
}Victoria, that is not a good solution. It is the same problem I already described, it makes the whole table larger !
There must be a CSS solution to make the space smaller while keeping the total width the same.
DavidThanks. Yes, it should be possible easily for somebody knowing CSS. I tried:
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 65%;
}#top .av-inner-masonry {
overflow: visible;
}.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
bottom: -59px;
}But this did not work out well.
Hi,
This is on a portfolio display page, the gallery plug-in does not help there does it?
Many people have been asking here about 3:2 styling as its a very common format in photography. In order to show the Masonry with cropped images, 3:2 would be perfect.
1) Is this something that can be done by CSS?
David
Hi Victoria,
Thank you, I did try that but its not a good solution. If you do it this way the full width of the masonry changes and if you have for example a full width image just above the Masonry (like here: https://www.davidstegmann.com/?portfolio=turquoise-station) , the size difference in width is very well visible.So I am looking for 1) to make the gap smaller and 2) in a way that the total width does not change.
Thank you for your help.
David
Hi Victoria,
Thank you, I do not see the link to the docs. My questions was related to CSS though. I tried some CSS to reposition the text below the image, but did not succeed.
Again: I would like to display the title and short text in a text box below the image (always visible). Ont on the image as it is now.
Example: https://www.chasejarvis.com/project/creativelive/
Any ideas how to do that?
But I have not resolved the “make the large gap smaller” question: Is there a possibility to make “Large Gap” a defined number of pixels? e.g. 10 px? What would be the right way to do this in CSS?
HI Victoria,
The last option does not display 3:2: https://www.davidstegmann.com/?page_id=3254. I am not sure WHAT the last option displays. The “Perfect Grid” option allows to choose a size, but non of the options are 3:2 which is mostly used in photography today.
Is there a way to make them display in 3:2?
