Forum Replies Created
-
Posts
-
I actually solve the problem 2 with plugin Simple Image Size to regenerate thumbnail size in a larger scale. Just wonder if Enfold should make it an option, coz I can imagine how important it is for most users to have crisp image on the front page.
For problem 1, I still can not figure out the one column issue.
Yan
Hello,
I’m not sure what do you mean by setting the image css to 100%. Here is my test website:
1. About One Column and Image Ratio
As you can see, when I set Perfect Automatic Masonry and 2 Column (see attched image), it somehow does show the 1 column layout, but all the images regardless of its original ratio were all enlarged or cropped into this fixed ratio. I guess that is due to the internal Perfect Automatic Masonry settings.
http://dadamedia.cc/_issue/Perfect_Automatic_Masonry_2Col.pngIf I choose Flexibie Masonry, there is no way to force it into one Column, since the smallest setting is 2.
2. About Masonry Image Resolution
Also, I noticed that most images on the frontpage are cropped and enlarged making it looks very low resolution, although all the uploaded feature images are in hi-res, as indicated on the image itself. I checked the image link, most of them are linked to a smaller version something as 705 px wide.
When only one image links to the original 1280-720 file, which is quite strange.
Can I make all the image links to it’s original resolution?Thanks.
Besides, could we set masonry gallery image ratio to any value (or as the orginal image) we want by changing the function.php while using Perfect Automatic Masonry?
Yan
It works, thanks.
Btw, is there a place which lists most essential CSS code samples or names which could be used in custom.css file for enfold system.Yan
Hi Ismael
That’s awesome, thx! I don’t know what is this “page preloading” for, anyway, my priority is to keep audio playlist working properly.
Yan
Hi Vinay,
I did manage to change the default lightbox pupup window size and the ratio, thanks to one of you colleague’s suggestion to use an imagesize plugin. Though I still could not change the automatic masonry thumbnail image ratio when I choose “Perfect Grid” with automatic thumbnail crop option.
yan
Hi Ismael,
Thanks for the suggestion. I could actually change the default lightbox pupup window size using this plugin. I still could not find out a way to change the automatic masonry thumbnail ratio, not the size. Is there a way to do it or by modifying the function file.
yan
Just to let you know that I have disabled all the plugins, but the issue mentioned above still exists.
Yan
Hi Vinay,
I has been a while since I submitted the issue. And I also provide you with login information. Please take a look to see if there is a way around the issue. Thanks.
Yan
Hello,
I have just tested on a native wp site without the enfold theme. The playlist works just fine. Please links below to see the difference. Both playlists were using native WP audio playlist module without any extra approach. It seems that Enfold not only changed the skin of the player but also changes the behavior of the playlist link. I believe it is something you might need to fix.
Interestingly, I found if you click the link with either Shift, Alt, or Com key, the link works correctly, that stays inside the playlist page, not popping to a new page.
Thanks.
Hi Vinay,
I’m sorry but the code does not work. The sort filter still exists on mobile. You can try
dadamedia.cc on mobile (iOS).yan
Hi Vinay,
I received your solution via email also, but the code is a bit different. The results for both code are not ideal for my solution.
For the code you provided above, the image fill the screen ignoring the original ratio.
For the code you sent via email which is as follows:.mfp-image-holder .mfp-content {
max-width: 100vw !important;
max-height: 100vh !important;
}
img.mfp-img {
width:1280px;
height:auto;
}For most horizontal image, it gets what I need, the image keeps its original ratio, but display as 1280px wide. However, for vertical image, it distort the height of the image into 100% of the screen size while forcing the width to be 1280px. Is there a way to fix the vertical image to keep their ratio while taking the height as priority.
Also to mention that if I give no extra code or simply change the img.mfp-img; max-width:1280px, the vertical image would display correctly, filling up the vertical space of the browser while keeping the width within original ratio. But in this way, all the horizontal image would display the default smaller size then 1280px.
Thanks.yan
Hi Ismael,
I’m showing a bunch of images as a gallery. So I can only use Masonry Gallery or Gallery under the “media elements”. All I am asking is that if there is a way to change the automatic image ratio for the grid when I choose option “Perfect grid”. It doesn’t matter if it’s cropped or not, all I need is to control the image ratio. Since the current ratio doesn’t fit my design.
Thanks.
Yan
Hi Ismael,
I noticed that in order to do a perfect customized gap, we need to add this code also, don’t we.
.av-masonry-gallery {
padding-left: 0px !important;
}Otherwise, when you set Large gap, there will be a large padding on the left no matter what you set to the code you provided.
Hello,
The information you need is listed here in the private area.
For Issue 1. I also noticed that the gap appears above certain browser width. If you make browser full width on a screen which is either an general desktop resolution or ipad, ipad pro, the problem exists. But if you reduce the browser to half width, the gap disappears.Thanks for the prompt response. Here is the link of the test website.
As you can see that the sort option are in alphabet order by default. If I want to make “hypermedia” appear in front of “graphic”, is it possible.
And also, since the sort option takes a lot of space on mobile, is it possible to disable it or adjust its layout (such as leading, spacing, font size) only on mobile.Thanks.
yan
