-
Posts
-
Hello,
I am currently developing a wp site which uses I believe the latest edition of Enfold.
I have a page which has the ‘Masonry’ full width element. This is pulling entries of a custom post type and is displaying their featured image in the grid, specifically a 4 column grid with the option of ‘Perfect manual masonry’. This is the option of choice as it renders the entries using ‘background-size: cover’ as we want the featured images to cover the space. However as it is using background-size: cover, it has zoomed and stretched the image center which is to be expected but it is using a generated size here, a smaller size than the image was uploaded as. For example, if I uploaded a 3000×3000 image, it is pulling through a 700×400 version, thus when having the background-size: cover applied is pixilating the image.Would it be possible for you to let me know where in the enfold theme files I can locate where this image size is specified as I would like to increase it or maybe even just use the original size. My goal is retain the background style, the cover, but have it pull through a larger edition of the image so it will not be pixelated.
I have looked through the enfold theme files as I am familiar with php but as there is so much contained in the theme files it is very difficult to find this exact functionality.
I have linked the site below which links to the page in question.
Thank you,
Hey tocal,
Sorry for the late reply. Could you try updating the theme to the latest version (4.5.7) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
RikardHi Rikard,
Thanks for getting back to me, I have updated the parent theme to the latest 4.5.7 version from version 4.5.1
There hasn’t been any noticeable difference. I check the enfold change log also and there doesn’t look like any updates were made to the masonry element between version 4.5.1 to 4.5.7I am happy to not have a direct fix, just a point in the right direction to the files, class’ etc where it handles the masonry element, or am I going about this incorrectly?
Hi tocal,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHello,
No problem, credentials are in the private content area.
One of the pages in question is:When inspecting the masonry elements, you can see that they are applied as background images at a certain size. Overall it would be ideal to have these images not injected as background images and instead have them be actual image elements so they can retain their original aspect ratio.
As this size has many more dependencies other than enfold and wordpress, updating the version of wordpress isnt possible. I had updated Enfold to the newest edition of 4.X but this cause large styling issues as some of the markup is changed in this update so I have reverted. However the version installed currently on the size is only a few minor editions behind and after checking the change log, there is nothing that effects the masonry so hopefully doesn’t matter.
Thank you.
Hi tocal,
Yes, one of the options of the masonry uses images as background, you can try using other options. The images as background allow having the image zoom in effect on hover.
Best regards,
VictoriaHi Victoria,
Thank you for the above, I have just found that the option ‘flexible masonry’ does in fact loop with the image element and not apply a bg image, this should do fine, thank you for your help with it.
On a side note, for future use with enfold, could you let me know the file path within the theme to elements such as the masonry, something like; enfold=>some_dir=>masonry etc
Just for if something comes up I would be able to directly adjust the elements and not need to come back to the forum.
Thank you,
- You must be logged in to reply to this topic.