Skip to content

Instantly share code, notes, and snippets.

@oooh-boi
Created November 7, 2019 16:22
Show Gist options
  • Save oooh-boi/fc444395f7e4abcf40ab70462f513d5d to your computer and use it in GitHub Desktop.
Save oooh-boi/fc444395f7e4abcf40ab70462f513d5d to your computer and use it in GitHub Desktop.
Breakout of images in Elementor PRO
/* default example (how to move the Background Overlay element to the right hand side for 15%) */
selector .elementor-background-overlay {
width: 115%;
}
@media (max-width: 767px) {
selector .elementor-background-overlay {
top: 30%;
width: 100%;
}
}
/* switch columns example; text column on left, image on the right hand side (how to move the Background Overlay element to the left hand side for 15%) */
selector .elementor-background-overlay {
width: 115%;
left: -15%;
}
@media (max-width: 767px) {
selector .elementor-background-overlay {
top: -30%;
left: 0;
width: 100%;
}
}
@giganull
Copy link

giganull commented Apr 1, 2020

Thanks for the help. Much appreciated.

@carsbiz
Copy link

carsbiz commented Jun 27, 2020

Thank for the CSS Code

@CloudBiz-no
Copy link

Great!! Thank you so much "Oooh Boi" :)

@gianc00
Copy link

gianc00 commented Nov 7, 2020

Thank for the CSS Code

@OskarWoof
Copy link

Thanks for the code. :)

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