-
Posts
-
Hi,
I have on this page one image and a gallery.
The gallery is set to have a large gap between elements. What happens is that the gallery now is larger in with then the content block. This is especially well visible when scrolling down and seing the width of the image AND the gallery.
1) What can be done to have the gallery have exactly the content width?
2) Is there a possibility to make “Large Gap” a defined number of pixels? e.g. 10 px?David
I got this sorted, my error, played around with the margins. What is till open is question number 2)
2) Is there a possibility to make “Large Gap” a defined number of pixels? e.g. 10 px?
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 Oldmanriding,
The way that code works now is to make the gap larger you need to make the image smaller.If you need further assistance please let us know.
Best regards,
VictoriaHi 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 David,
I thought you wanted to make the gap larger. No, there is not really a way to keep the gap set in px.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-masonry-col-3 .av-masonry-entry { width: 34.3%; }If you need further assistance please let us know.
Best regards,
VictoriaVictoria, 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.
DavidI 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%;
}
- You must be logged in to reply to this topic.