Tagged: Masonry Gallery
-
AuthorPosts
-
August 26, 2021 at 11:11 am #1318427
Hi,
I have updated the thema to the latest version and the WP to 5.8 and i get some extra padding on the left side of my Masonry Gallery.
I won’t align with the content even when they are in the same column.I can see in the code that the Masonry Gallery get this
.av-large-gap.av-masonry {
padding: 15px 0 0 15px;
}And on another side it is set to have padding: 0;
I know i can fix this with CSS but i have over 500 sites and i won’t do that to all of the sites.
Can this be fixed in the next update? And do anyone else have the same issue?
August 28, 2021 at 9:37 pm #1318789Hey mvi,
Thank you for your patience and the link to your site, this padding was added with v4.8.6.1 to center large gap masonry elements.
The bottom and right side have a 15px “space” that was pushing the element off and the Dev Team corrected this by adding the padding, please see the screenshot in the Private Content area.
If you wish to remove this please try this css:#top .container .av-masonry.av-large-gap { padding: 0 !important; }
Best regards,
MikeAugust 31, 2021 at 8:35 am #1319073Hi @Mike,
Yeah i can see that it have been added with the update and I know how to remove it.
But my question are is it a thing that will stay like that? Because I have over 500 sites and if i update all of them to the newest theme, i need to add that code to all sites and I will try avoid that. :-)August 31, 2021 at 2:10 pm #1319141Hi,
Sorry that this has impacted you, but this change was to correct an error that other users were reporting, I imagine in your situation you didn’t notice the error, but as you can see from the screenshot without the padding the element is left aligned.Best regards,
MikeAugust 31, 2021 at 2:48 pm #1319155Hi @Mike,
Yeah i haven’t seen the error since we have used it to align to the left but now it gives more whitespace to the left so it wont align if you have a img above.
There have never been an issue before. Can this be fixed without CSS?
September 1, 2021 at 12:52 pm #1319342Hi,
If you are using a child theme you can override the masonry element with your own by copying the whole /masonry_entries/ directory to your child theme and modifying the masonry_entries.css
/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css
by changing the padding on line 441
but this seems it would be a lot more work for you than simply adding the needed css to your custom stylesheet or the Quick CSS field.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.