Could Essential Addons for Elementor recreate this landing page?

Hi @bluesblue1 ,

In Image Accordion widget, The image is used as a background image. So you need to write some custom CSS to change the position or size of the image as per your requirement.

Here is the example of the CSS. You can add it on your stylesheet and change the value as per as your requirement:

.eael-img-accordion a {
    background-position: 0% 0%;
    background-size: 100vw;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

NOTE: I highly recommend you to add some unique class name of your widget and write CSS on that class for good practice.

Thanks!

Hi @abidhasan112 ,

Thank you for your swift reply! The example you gave me was incredibly helpful!

But strangely enough, I could only affect the image left on the left with that. I could not re-position the image on the right. I was wondering if you could help with that?

Thank you so much!

Hi @bluesblue1 ,

Awesome!
And If you use that CSS, That will affect on the both side of the Image Accordion I believe.
Here I can see, Your position is correct as this circular part is the correct position in both side: https://d.pr/i/Md3Gbf

If you want to set different position is both side then it doesn’t possible as per as HTML structure of the widget. Hope you understand.

Thanks!

I see! So for the mobile/tablet versions would I need a separate image background? As they don’t seem to align properly there.

Thank you so much for your replies, it has been very informative and helpful!