Tagged: center, CSS, masonry, overlay text
Hi there
i am using a Masonry for displaying posts on my page (see https://bergbursche.ch, scroll down on the main page and hit “mehr laden”. Do not follow the Button-Link since this is the old design). Everything is fine until you hit “load more”. Than the centered overlay is magically lifted out of the center to the top.
How can i remove this behavior so that the text is always centered?
Thanks
Mats
Hey Bergbursche,
I’m not sure I saw the behavior you’re describing. Seems to work normal. Could you post some screenshots of the issue?
Best regards,
Victoria
Thanks for the answer, here are screenshots of the behavior when i click on “mehr laden” (load more). Tested with Firefox and Chrome.
This is what it looks like when loading the page:
https://ibb.co/nkp9ja
After clicking “mehr laden” this happens
https://ibb.co/cTiDAF
The text on the tile is not centered anymore for every new loaded tile…
Hi Bergbursche,
Thank you for the explanation :)
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-entry .av-masonry-entry-title + .av-masonry-entry-content {
max-height: 50px;
}
If you need further assistance please let us know.
Best regards,
Victoria