Skip to content

Instantly share code, notes, and snippets.

@oooh-boi
Created January 18, 2020 12:21
Show Gist options
  • Star 10 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
  • Save oooh-boi/a2e47433443125887d20aafd5cec7388 to your computer and use it in GitHub Desktop.
Save oooh-boi/a2e47433443125887d20aafd5cec7388 to your computer and use it in GitHub Desktop.
OoohBoi Video Tutorial : Full-height Image Widget in Elementor PRO
/* be sure to copy-paste to the Image Widget Custom CSS panel */
selector,
selector .elementor-widget-container,
selector .elementor-image,
selector .elementor-image > a {
height: 100%;
}
selector .elementor-image img {
object-fit: cover;
object-position: 50% 50%;
height: 100%;
}
@iMagoo
Copy link

iMagoo commented May 7, 2020

Thx, helpful tips me :)

@hassanrash3ed
Copy link

Thanks for the work.

@AbGhost-cyber
Copy link

i think object fit isn't working anymore

@guilhermeabel
Copy link

elementor returns two warnings:
unknown property: "object-fit" and
unknown property: "object-position"
but it works anyways

@BianCortes
Copy link

Thank you!

@AhuoseAE
Copy link

elementor returns two warnings: unknown property: "object-fit" and unknown property: "object-position" but it works anyways

It still doesn't work in my case

@gokaySendil
Copy link

gokaySendil commented Sep 22, 2023

elementor returns two warnings: unknown property: "object-fit" and unknown property: "object-position" but it works anyways

It still doesn't work in my case

Did you solve it ? I have the same issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment