Skip to content

Instantly share code, notes, and snippets.

@breakerh
Last active January 6, 2022 15:34
Show Gist options
  • Save breakerh/95a29ddf481813028399e6363360faf6 to your computer and use it in GitHub Desktop.
Save breakerh/95a29ddf481813028399e6363360faf6 to your computer and use it in GitHub Desktop.
elementor class cheats
@media (min-width: -1px) {
.elementor-widescreen-align-center {
text-align:center
}
.elementor-widescreen-align-center .elementor-button {
width: auto
}
.elementor-widescreen-align-right {
text-align: right
}
.elementor-widescreen-align-right .elementor-button {
width: auto
}
.elementor-widescreen-align-left {
text-align: left
}
.elementor-widescreen-align-left .elementor-button {
width: auto
}
.elementor-widescreen-align-justify .elementor-button {
width: 100%
}
}
@media (max-width: -1px) {
.elementor-laptop-align-center {
text-align:center
}
.elementor-laptop-align-center .elementor-button {
width: auto
}
.elementor-laptop-align-right {
text-align: right
}
.elementor-laptop-align-right .elementor-button {
width: auto
}
.elementor-laptop-align-left {
text-align: left
}
.elementor-laptop-align-left .elementor-button {
width: auto
}
.elementor-laptop-align-justify .elementor-button {
width: 100%
}
}
@media (max-width: -1px) {
.elementor-tablet_extra-align-center {
text-align:center
}
.elementor-tablet_extra-align-center .elementor-button {
width: auto
}
.elementor-tablet_extra-align-right {
text-align: right
}
.elementor-tablet_extra-align-right .elementor-button {
width: auto
}
.elementor-tablet_extra-align-left {
text-align: left
}
.elementor-tablet_extra-align-left .elementor-button {
width: auto
}
.elementor-tablet_extra-align-justify .elementor-button {
width: 100%
}
}
@media (max-width: 1024px) {
.elementor-tablet-align-center {
text-align:center
}
.elementor-tablet-align-center .elementor-button {
width: auto
}
.elementor-tablet-align-right {
text-align: right
}
.elementor-tablet-align-right .elementor-button {
width: auto
}
.elementor-tablet-align-left {
text-align: left
}
.elementor-tablet-align-left .elementor-button {
width: auto
}
.elementor-tablet-align-justify .elementor-button {
width: 100%
}
}
@media (max-width: -1px) {
.elementor-mobile_extra-align-center {
text-align:center
}
.elementor-mobile_extra-align-center .elementor-button {
width: auto
}
.elementor-mobile_extra-align-right {
text-align: right
}
.elementor-mobile_extra-align-right .elementor-button {
width: auto
}
.elementor-mobile_extra-align-left {
text-align: left
}
.elementor-mobile_extra-align-left .elementor-button {
width: auto
}
.elementor-mobile_extra-align-justify .elementor-button {
width: 100%
}
}
@media (max-width: 767px) {
.elementor-mobile-align-center {
text-align:center
}
.elementor-mobile-align-center .elementor-button {
width: auto
}
.elementor-mobile-align-right {
text-align: right
}
.elementor-mobile-align-right .elementor-button {
width: auto
}
.elementor-mobile-align-left {
text-align: left
}
.elementor-mobile-align-left .elementor-button {
width: auto
}
.elementor-mobile-align-justify .elementor-button {
width: 100%
}
}
.elementor-invisible {
visibility: hidden
}
.elementor-align-center {
text-align: center
}
.elementor-align-center .elementor-button {
width: auto
}
.elementor-align-right {
text-align: right
}
.elementor-clearfix:after {
content: "";
display: block;
clear: both;
width: 0;
height: 0
}
.elementor-align-right .elementor-button {
width: auto
}
.elementor-align-left {
text-align: left
}
.elementor-align-left .elementor-button {
width: auto
}
.elementor-align-justify .elementor-button {
width: 100%
}
.elementor-hidden {
display: none
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment