Hello there,
Greetings.
Unfortunately, we don’t have that feature right now. However, Thank you so much for your idea. I will discuss this with our dev team.
Have a great day.
Ok, thanks. You have a setting in this widget to input shortcodes, would that work?
Hello there,
Greetings.
Yes, you can put shortcodes and it works. Please check this video: https://d.pr/v/YFqQUX
Thank you.
Thank you sir, that’s very helpful. I have a problem with the image sizes on hover, I’ve tried using max height in some css but it doesn’t have any effect.
`I attached a link to a short video clip of the widget on my editor page in Elementor. You should also be able to see here: https://mokouzin.com/the-musicians/
You can see that the first image on the left opens smoothly, then the other images expand but they have some “zoom-in” effect, where they scale up. How can I fix this, there are no settings to offset this image scaling. I would like them all to synchronize together, opening the same way without scaling, zooming in. Thanks and best regards https://www.loom.com/share/43d05f362f734614a2e81b4694a3a523?sharedAppSource=personal_library
Hello there,
Greetings.
Well, I didn’t see what you have shared in the video. It seems like it isn’t working on my end. Please check this video: https://d.pr/v/s3OAo0
As you can see there are some errors in the console. Can you please check for plugin conflicts by following this: You can check for Plugin conflicts by deactivating all the third-party plugins one by one except for Elementor and Essential Addons. Simply go to your WordPress Dashboard and navigate to wp-admin -> Plugins and then, deactivate other Plugins.
Let me know how it goes.
Hi Sadman, thank you for your reply. Did you visit the link to my site that I also sent? You can see the problem there also. The issue is that Essential Addons Image Accordion widget doesn’t have any settings to adjust the image size. The images probably have ‘max-width: 100%’ applied to them by default. I tried the following CSS but I don’t think it has the right settings. I just need to set the max height correctly, or maybe max-width, I’m not sure. Also I think the right syntax is ‘background-size” to control the image sizes in the widget, is that right? Would you please correct the syntax below?
.eael-img-accordion .eael-image-accordion-hover{
background-position: 0% 0%;
background-size: 100vw;
background-repeat: no-repeat;
background-attachment: fixed;
}
I already tried deactivating plugins, and cleared broswer cache and clicked on Elementor Regenerate CSS & DATA, and also purged site cache.
Thanks and best regards.
-
This reply was modified 4 years, 3 months ago by
planetboris.
Also just to add to my last reply, I see what you mean about the video, It’s not showing the actions that were recorded, it’s weird. I will send them a bug report. Thank you for pointing that out.
Cheers
Hello @planetboris,
Greetings.
Well, I checked the other images. Let’s take the 3rd image as an example. The dimension of that image is 800 * 786 whereas the 4th image’s dimension is 800 * 1246. So, we changed the dimension to 800 * 786 and then checked on your end. After that, it looks like this. Please check the video: https://d.pr/v/vhu6yJ
See if it works for you or not. In case you want to try it yourself then you can download the image from here: https://d.pr/i/Pa4c1a
Hope you understand.
Thank you.
Thanks Sadman, it’s a possible solution but I have to compromise the image which is integral to the design, I don’t think my client will like it or approve of it. There must be a better way? You had provide CSS for a user in a previous support thread that I saw when researching a solution:
.eael-img-accordion .eael-image-accordion-hover{
background-position: 0% 0%;
background-size: 100vw;
background-repeat: no-repeat;
background-attachment: fixed;
}
However I don’t know what settings to apply, will this not work for what I want to achieve?
I have also tried various sizes, for example reducing the width from 800 to 500 but I get the exact same result, same scale up and zoom of image. So it seems the
ratio of the image that the widget uses is not flexible. In my case portrait mode doesn’t fit with the widget. The images that don’t scale are more square oriented Isn’t there a way with CSS to fix this?
I tried different settings to try and understanding how the widget works.
Ideally I want to have 2 rows of 5 images each for a full page.
In this scenario, hen you hover or click on an image it expands to 740 pixels wide. This size changes if you increase or decrease the number of images per row. I hope you can find a solution that doesn’t require altering my images. Somehow a max-height fix?
It’s a great widget but needs much more design settings for flexibility.
Hope you can find a solution,but it seems the design of the widget is set a certain way. For example the expansion of the images is calculated equally, it would have o expand based on the size of the image. You have to have images all around the same size I guess.
Cheers
